diff --git a/.adr.json b/.adr.json
new file mode 100644
index 0000000000..39e4f9f139
--- /dev/null
+++ b/.adr.json
@@ -0,0 +1,6 @@
+{
+  "language": "en",
+  "path": "docs/architecture/decisions/",
+  "prefix": "",
+  "digits": 4
+}
diff --git a/.azure-pipelines-k8s-matrix.yml b/.azure-pipelines-k8s-matrix.yml
deleted file mode 100644
index cdcc18b740..0000000000
--- a/.azure-pipelines-k8s-matrix.yml
+++ /dev/null
@@ -1,57 +0,0 @@
-variables:
-  YARN_CACHE_FOLDER: $(Pipeline.Workspace)/.yarn
-  node_version: 12.x
-pr:
-  branches:
-    include:
-    - master
-    - releases/*
-  paths:
-    exclude:
-    - .github/*
-    - docs/*
-    - mkdocs/*
-trigger: none
-jobs:
-  - job: Linux
-    pool:
-      vmImage: ubuntu-18.04
-    strategy:
-      matrix:
-        kube_1.16:
-          kubernetes_version: v1.16.15
-        kube_1.17:
-          kubernetes_version: v1.17.15
-        kube_1.18:
-          kubernetes_version: v1.18.13
-        kube_1.19:
-          kubernetes_version: v1.19.5
-        kube_1.20:
-          kubernetes_version: v1.20.0
-    steps:
-      - task: NodeTool@0
-        inputs:
-          versionSpec: $(node_version)
-        displayName: Install Node.js
-      - task: Cache@2
-        inputs:
-          key: 'yarn | "$(Agent.OS)" | yarn.lock'
-          restoreKeys: |
-            yarn | "$(Agent.OS)"
-          path: $(YARN_CACHE_FOLDER)
-        displayName: Cache Yarn packages
-      - bash: |
-          sudo apt-get update
-          sudo apt-get install libgconf-2-4 conntrack -y
-          curl -LO https://storage.googleapis.com/minikube/releases/latest/minikube-linux-amd64
-          sudo install minikube-linux-amd64 /usr/local/bin/minikube
-          sudo minikube start --driver=none --kubernetes-version $(kubernetes_version)
-          sudo mv /root/.kube /root/.minikube $HOME
-          sudo chown -R $USER $HOME/.kube $HOME/.minikube
-        displayName: Install integration test dependencies
-      - script: make node_modules
-        displayName: Install dependencies
-      - script: make -j2 build
-        displayName: Run build
-      - script: xvfb-run --auto-servernum --server-args='-screen 0, 1600x900x24' yarn integration
-        displayName: Run integration tests for Kubernetes $(kubernetes_version)
diff --git a/.azure-pipelines.yml b/.azure-pipelines.yml
deleted file mode 100644
index d5ddc00cac..0000000000
--- a/.azure-pipelines.yml
+++ /dev/null
@@ -1,167 +0,0 @@
-variables:
-  YARN_CACHE_FOLDER: $(Pipeline.Workspace)/.yarn
-pr: none
-trigger:
-  tags:
-    include:
-    - "*"
-  paths:
-    exclude:
-    - .github/*
-    - docs/*
-    - mkdocs/*
-jobs:
-  - job: Windows
-    pool:
-      vmImage: windows-2019
-    strategy:
-      matrix:
-        node:
-          node_version: 16.x
-    steps:
-      - powershell: |
-          $CI_BUILD_TAG = git describe --tags
-          Write-Output ("##vso[task.setvariable variable=CI_BUILD_TAG;]$CI_BUILD_TAG")
-        condition: "and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/tags/'))"
-        displayName: Set the tag name as an environment variable
-
-      - task: NodeTool@0
-        inputs:
-          versionSpec: $(node_version)
-        displayName: Install Node.js
-
-      - task: Cache@2
-        inputs:
-          key: 'yarn | "$(Agent.OS)"" | yarn.lock'
-          restoreKeys: |
-            yarn | "$(Agent.OS)"
-          path: $(YARN_CACHE_FOLDER)
-        displayName: Cache Yarn packages
-
-      - bash: |
-          set -e
-          git clone "https://${GH_TOKEN}@github.com/lensapp/lens-ide.git" .lens-ide-overlay
-          rm -rf .lens-ide-overlay/.git
-          cp -r .lens-ide-overlay/* ./
-          jq -s '.[0] * .[1]' package.json package.ide.json > package.custom.json && mv package.custom.json package.json
-        env:
-          GH_TOKEN: $(LENS_IDE_GH_TOKEN)
-        displayName: Customize config
-
-      - script: make build
-        condition: "and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/tags/'))"
-        env:
-          WIN_CSC_LINK: $(WIN_CSC_LINK)
-          WIN_CSC_KEY_PASSWORD: $(WIN_CSC_KEY_PASSWORD)
-          AWS_ACCESS_KEY_ID: $(AWS_ACCESS_KEY_ID)
-          AWS_SECRET_ACCESS_KEY: $(AWS_SECRET_ACCESS_KEY)
-          BUILD_NUMBER: $(Build.BuildNumber)
-          ELECTRON_BUILDER_EXTRA_ARGS: "--x64 --ia32"
-        displayName: Build
-
-  - job: macOS
-    pool:
-      vmImage: macOS-11
-    strategy:
-      matrix:
-        node:
-          node_version: 16.x
-    steps:
-      - script: CI_BUILD_TAG=`git describe --tags` && echo "##vso[task.setvariable variable=CI_BUILD_TAG]$CI_BUILD_TAG"
-        condition: "and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/tags/'))"
-        displayName: Set the tag name as an environment variable
-
-      - task: NodeTool@0
-        inputs:
-          versionSpec: $(node_version)
-        displayName: Install Node.js
-
-      - task: Cache@2
-        inputs:
-          key: 'yarn | "$(Agent.OS)" | yarn.lock'
-          restoreKeys: |
-            yarn | "$(Agent.OS)"
-          path: $(YARN_CACHE_FOLDER)
-        displayName: Cache Yarn packages
-
-      - bash: |
-          set -e
-          git clone "https://${GH_TOKEN}@github.com/lensapp/lens-ide.git" .lens-ide-overlay
-          rm -rf .lens-ide-overlay/.git
-          cp -r .lens-ide-overlay/* ./
-          jq -s '.[0] * .[1]' package.json package.ide.json > package.custom.json && mv package.custom.json package.json
-        env:
-          GH_TOKEN: $(LENS_IDE_GH_TOKEN)
-        displayName: Customize config
-
-      - bash: |
-          set -e
-
-          echo "Importing codesign certificate ..."
-          echo $CSC_LINK | base64 -D > certificate.p12
-          security create-keychain -p $KEYCHAIN_PASSWORD build.keychain
-          security set-keychain-settings -lut 21600 build.keychain
-          security default-keychain -s build.keychain
-          security unlock-keychain -p $KEYCHAIN_PASSWORD build.keychain
-          security import certificate.p12 -k build.keychain -P $CSC_KEY_PASSWORD -T /usr/bin/codesign -T /usr/bin/security -A
-          security set-key-partition-list -S apple-tool:,apple: -k $KEYCHAIN_PASSWORD build.keychain
-
-          rm certificate.p12
-          echo "Codesign certificate imported!"
-
-          make build
-        condition: "and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/tags/'))"
-        env:
-          KEYCHAIN_PASSWORD: secretz
-          APPLEID: $(APPLEID)
-          APPLEIDPASS: $(APPLEIDPASS)
-          CSC_LINK: $(CSC_LINK)
-          CSC_KEY_PASSWORD: $(CSC_KEY_PASSWORD)
-          AWS_ACCESS_KEY_ID: $(AWS_ACCESS_KEY_ID)
-          AWS_SECRET_ACCESS_KEY: $(AWS_SECRET_ACCESS_KEY)
-          BUILD_NUMBER: $(Build.BuildNumber)
-          ELECTRON_BUILDER_EXTRA_ARGS: "--x64 --arm64"
-        displayName: Build
-
-  - job: Linux
-    pool:
-      vmImage: ubuntu-18.04
-    strategy:
-      matrix:
-        node:
-          node_version: 16.x
-    steps:
-      - script: CI_BUILD_TAG=`git describe --tags` && echo "##vso[task.setvariable variable=CI_BUILD_TAG]$CI_BUILD_TAG"
-        condition: "and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/tags/'))"
-        displayName: Set the tag name as an environment variable
-
-      - task: NodeTool@0
-        inputs:
-          versionSpec: $(node_version)
-        displayName: Install Node.js
-
-      - task: Cache@2
-        inputs:
-          key: 'yarn | "$(Agent.OS)" | yarn.lock'
-          restoreKeys: |
-            yarn | "$(Agent.OS)"
-          path: $(YARN_CACHE_FOLDER)
-        displayName: Cache Yarn packages
-
-      - bash: |
-          set -e
-          git clone "https://${GH_TOKEN}@github.com/lensapp/lens-ide.git" .lens-ide-overlay
-          rm -rf .lens-ide-overlay/.git
-          cp -r .lens-ide-overlay/* ./
-          jq -s '.[0] * .[1]' package.json package.ide.json > package.custom.json && mv package.custom.json package.json
-        env:
-          GH_TOKEN: $(LENS_IDE_GH_TOKEN)
-        displayName: Customize config
-
-      - script: make build
-        condition: "and(succeeded(), startsWith(variables['Build.SourceBranch'], 'refs/tags/'))"
-        env:
-          AWS_ACCESS_KEY_ID: $(AWS_ACCESS_KEY_ID)
-          AWS_SECRET_ACCESS_KEY: $(AWS_SECRET_ACCESS_KEY)
-          BUILD_NUMBER: $(Build.BuildNumber)
-        displayName: Build
diff --git a/.github/workflows/check-docs.yml b/.github/workflows/check-docs.yml
index 9c942690b0..7418a86269 100644
--- a/.github/workflows/check-docs.yml
+++ b/.github/workflows/check-docs.yml
@@ -23,8 +23,8 @@ jobs:
 
       - name: Generate Extensions API Reference using typedocs
         run: |
-           yarn install
-           yarn typedocs-extensions-api
+          yarn install
+          yarn typedocs-extensions-api
 
       - name: Verify that the markdown is valid
         run: |
diff --git a/.github/workflows/electronegativity.yml b/.github/workflows/electronegativity.yml
index 6e634082c4..0cc4340f39 100644
--- a/.github/workflows/electronegativity.yml
+++ b/.github/workflows/electronegativity.yml
@@ -19,7 +19,7 @@ jobs:
       - uses: doyensec/electronegativity-action@v1.1
         with:
           input: src/
-          electron-version: "15.5.7"
+          electron-version: "19.0.4"
           severity: medium
 
       - name: Upload sarif
diff --git a/.github/workflows/mkdocs-manual.yml b/.github/workflows/mkdocs-manual.yml
index cda83b86c3..56bfd0c831 100644
--- a/.github/workflows/mkdocs-manual.yml
+++ b/.github/workflows/mkdocs-manual.yml
@@ -16,7 +16,7 @@ jobs:
       - name: Set up Python 3.7
         uses: actions/setup-python@v2
         with:
-          python-version: '3.x'
+          python-version: "3.x"
 
       - name: Install dependencies
         run: |
@@ -28,7 +28,7 @@ jobs:
         uses: actions/checkout@v2
         with:
           fetch-depth: 0
-          ref: '${{ github.event.inputs.version }}'
+          ref: "${{ github.event.inputs.version }}"
 
       - name: Using Node.js ${{ matrix.node-version }}
         uses: actions/setup-node@v1
@@ -43,8 +43,8 @@ jobs:
       - name: Checkout master branch from lens
         uses: actions/checkout@v2
         with:
-          path: 'master'
-          ref: 'master'
+          path: "master"
+          ref: "master"
 
       - name: Bring in latest mkdocs.yml from master
         run: |
diff --git a/.github/workflows/publish-release-npm.yml b/.github/workflows/publish-release-npm.yml
index 79a06c000f..becca1f790 100644
--- a/.github/workflows/publish-release-npm.yml
+++ b/.github/workflows/publish-release-npm.yml
@@ -23,11 +23,11 @@ jobs:
 
       - name: Generate NPM package
         run: |
-           make build-npm
+          make build-npm
 
       - name: publish new release
         if: contains(github.ref, 'refs/tags/v')
         run: |
-           make publish-npm
+          make publish-npm
         env:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index a71fc42771..9aaeec71f6 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -11,8 +11,9 @@ jobs:
     name: Test
     runs-on: ${{ matrix.os }}
     strategy:
+      fail-fast: false
       matrix:
-        os: [ubuntu-18.04, macos-11, windows-2019]
+        os: [ubuntu-20.04, macos-11, windows-2019]
         node-version: [16.x]
     steps:
       - name: Checkout Release from lens
diff --git a/.yarnrc b/.yarnrc
index 22e66ac2fe..811b4fd7c3 100644
--- a/.yarnrc
+++ b/.yarnrc
@@ -1,3 +1,3 @@
-disturl "https://atom.io/download/electron"
-target "15.5.0"
+disturl "https://electronjs.org/headers"
+target "19.0.4"
 runtime "electron"
diff --git a/Makefile b/Makefile
index 9dfb2cf512..d04b3febe1 100644
--- a/Makefile
+++ b/Makefile
@@ -17,8 +17,7 @@ else
 endif
 
 node_modules: yarn.lock
-	yarn install --frozen-lockfile --network-timeout=100000
-	yarn check --verify-tree --integrity
+	yarn install --check-files --frozen-lockfile --network-timeout=100000
 
 binaries/client: node_modules
 	yarn download:binaries
diff --git a/__mocks__/monaco-editor.ts b/__mocks__/monaco-editor.ts
index cbe02cb296..1623a6f00b 100644
--- a/__mocks__/monaco-editor.ts
+++ b/__mocks__/monaco-editor.ts
@@ -3,3 +3,12 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 export default {};
+
+export const Uri = {
+  file: (path: string) => path,
+};
+
+export const editor = {
+  getModel: () => ({}),
+  create: () => ({}),
+};
diff --git a/__mocks__/react-beautiful-dnd.tsx b/__mocks__/react-beautiful-dnd.tsx
new file mode 100644
index 0000000000..6404bfd450
--- /dev/null
+++ b/__mocks__/react-beautiful-dnd.tsx
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+
+import type {
+  DragDropContextProps,
+  DraggableProps,
+  DroppableProps,
+} from "react-beautiful-dnd";
+
+export const DragDropContext = ({ children }: DragDropContextProps) => <>{ children }</>;
+export const Draggable = ({ children }: DraggableProps) => <>{ children }</>;
+export const Droppable = ({ children }: DroppableProps) => <>{ children }</>;
diff --git a/__mocks__/react-virtualized-auto-sizer.tsx b/__mocks__/react-virtualized-auto-sizer.tsx
new file mode 100644
index 0000000000..ede5de41cb
--- /dev/null
+++ b/__mocks__/react-virtualized-auto-sizer.tsx
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import type { Size } from "react-virtualized-auto-sizer";
+
+export default ({ children } : { children: (size: Size) => React.ReactNode }) => {
+  return (
+    <div>
+      {children({
+        height: 420000,
+        width: 100,
+      })}
+    </div>
+  );
+};
diff --git a/build/download_binaries.ts b/build/download_binaries.ts
index 5b4f960c5e..ff26a8fb2b 100644
--- a/build/download_binaries.ts
+++ b/build/download_binaries.ts
@@ -13,7 +13,6 @@ import { promisify } from "util";
 import { pipeline as _pipeline, Transform, Writable } from "stream";
 import type { SingleBar } from "cli-progress";
 import { MultiBar } from "cli-progress";
-import AbortController from "abort-controller";
 import { extract } from "tar-stream";
 import gunzip from "gunzip-maybe";
 import { getBinaryName, normalizedPlatform } from "../src/common/vars";
diff --git a/build/generate-tray-icons.ts b/build/generate-tray-icons.ts
index ed90d27832..487ba8d348 100644
--- a/build/generate-tray-icons.ts
+++ b/build/generate-tray-icons.ts
@@ -12,6 +12,7 @@ const size = Number(process.env.OUTPUT_SIZE || "16");
 const outputFolder = process.env.OUTPUT_DIR || "./build/tray";
 const inputFile = process.env.INPUT_SVG_PATH || "./src/renderer/components/icon/logo-lens.svg";
 const noticeFile = process.env.NOTICE_SVG_PATH || "./src/renderer/components/icon/notice.svg";
+const spinnerFile = process.env.SPINNER_SVG_PATH || "./src/renderer/components/icon/arrow-spinner.svg";
 
 async function ensureOutputFoler() {
   await ensureDir(outputFolder);
@@ -58,8 +59,9 @@ async function generateImages(image: Buffer, size: number, name: string) {
   ]);
 }
 
-async function generateUpdateAvailableImages(baseImage: Buffer, system: TargetSystems) {
-  const noticeIconImage = await getNoticeIconImage(system);
+async function generateImageWithSvg(baseImage: Buffer, system: TargetSystems, filePath: string) {
+  const svgFile = await getIconImage(system, filePath);
+
   const circleBuffer = await sharp(Buffer.from(`
     <svg viewBox="0 0 64 64">
       <circle cx="32" cy="32" r="32" fill="black" />
@@ -78,7 +80,7 @@ async function generateUpdateAvailableImages(baseImage: Buffer, system: TargetSy
       },
       {
         input: (
-          await sharp(noticeIconImage)
+          await sharp(svgFile)
             .resize({
               width: 60,
               height: 60,
@@ -92,8 +94,8 @@ async function generateUpdateAvailableImages(baseImage: Buffer, system: TargetSy
     .toBuffer();
 }
 
-async function getNoticeIconImage(system: TargetSystems) {
-  const svgData = await readFile(noticeFile, { encoding: "utf-8" });
+async function getIconImage(system: TargetSystems, filePath: string) {
+  const svgData = await readFile(filePath, { encoding: "utf-8" });
   const root = new JSDOM(svgData).window.document.getElementsByTagName("svg")[0];
 
   root.innerHTML += getSvgStyling(system === "macos" ? "light" : "dark");
@@ -107,18 +109,25 @@ async function generateTrayIcons() {
     await ensureOutputFoler();
 
     const baseIconTemplateImage = await getBaseIconImage("macos");
-    const updateAvailableTemplateImage = await generateUpdateAvailableImages(baseIconTemplateImage, "macos");
     const baseIconImage = await getBaseIconImage("windows-or-linux");
-    const updateAvailableImage = await generateUpdateAvailableImages(baseIconImage, "windows-or-linux");
+
+    const updateAvailableTemplateImage = await generateImageWithSvg(baseIconTemplateImage, "macos", noticeFile);
+    const updateAvailableImage = await generateImageWithSvg(baseIconImage, "windows-or-linux", noticeFile);
+
+    const checkingForUpdatesTemplateImage = await generateImageWithSvg(baseIconTemplateImage, "macos", spinnerFile);
+    const checkingForUpdatesImage = await generateImageWithSvg(baseIconImage, "windows-or-linux", spinnerFile);
 
     await Promise.all([
       // Templates are for macOS only
       generateImages(baseIconTemplateImage, size, "trayIconTemplate"),
       generateImages(updateAvailableTemplateImage, size, "trayIconUpdateAvailableTemplate"),
+      generateImages(updateAvailableTemplateImage, size, "trayIconUpdateAvailableTemplate"),
+      generateImages(checkingForUpdatesTemplateImage, size, "trayIconCheckingForUpdatesTemplate"),
 
       // Non-templates are for windows and linux
       generateImages(baseIconImage, size, "trayIcon"),
       generateImages(updateAvailableImage, size, "trayIconUpdateAvailable"),
+      generateImages(checkingForUpdatesImage, size, "trayIconCheckingForUpdates"),
     ]);
 
     console.log("Generated all images");
diff --git a/build/notarize.js b/build/notarize.js
index 3fb8cdee42..ded81f6dd1 100644
--- a/build/notarize.js
+++ b/build/notarize.js
@@ -18,7 +18,7 @@ exports.default = async function notarizing(context) {
   const appName = context.packager.appInfo.productFilename;
 
   return await notarize({
-    appBundleId: "io.kontena.lens-app",
+    appBundleId: process.env.APPBUNDLEID || "io.kontena.lens-app",
     appPath: `${appOutDir}/${appName}.app`,
     appleId: process.env.APPLEID,
     appleIdPassword: process.env.APPLEIDPASS,
diff --git a/build/tray/trayIconCheckingForUpdates.png b/build/tray/trayIconCheckingForUpdates.png
new file mode 100644
index 0000000000..4e18a7ae18
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdates.png differ
diff --git a/build/tray/trayIconCheckingForUpdates@2x.png b/build/tray/trayIconCheckingForUpdates@2x.png
new file mode 100644
index 0000000000..fb0b4788ff
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdates@2x.png differ
diff --git a/build/tray/trayIconCheckingForUpdates@3x.png b/build/tray/trayIconCheckingForUpdates@3x.png
new file mode 100644
index 0000000000..30a112d7a1
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdates@3x.png differ
diff --git a/build/tray/trayIconCheckingForUpdates@4x.png b/build/tray/trayIconCheckingForUpdates@4x.png
new file mode 100644
index 0000000000..3d113af086
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdates@4x.png differ
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate.png b/build/tray/trayIconCheckingForUpdatesTemplate.png
new file mode 100644
index 0000000000..de4fada91a
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdatesTemplate.png differ
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate@2x.png b/build/tray/trayIconCheckingForUpdatesTemplate@2x.png
new file mode 100644
index 0000000000..9ec4654367
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdatesTemplate@2x.png differ
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate@3x.png b/build/tray/trayIconCheckingForUpdatesTemplate@3x.png
new file mode 100644
index 0000000000..070ea521e4
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdatesTemplate@3x.png differ
diff --git a/build/tray/trayIconCheckingForUpdatesTemplate@4x.png b/build/tray/trayIconCheckingForUpdatesTemplate@4x.png
new file mode 100644
index 0000000000..08b3c0a998
Binary files /dev/null and b/build/tray/trayIconCheckingForUpdatesTemplate@4x.png differ
diff --git a/docs/architecture/decisions/README.md b/docs/architecture/decisions/README.md
new file mode 100644
index 0000000000..ff03a7ca8a
--- /dev/null
+++ b/docs/architecture/decisions/README.md
@@ -0,0 +1,2 @@
+# Architecture Decision Records
+
diff --git a/docs/extensions/get-started/anatomy.md b/docs/extensions/get-started/anatomy.md
index 8cfcd57076..4794261d8f 100644
--- a/docs/extensions/get-started/anatomy.md
+++ b/docs/extensions/get-started/anatomy.md
@@ -55,7 +55,7 @@ Some of the most-important fields include:
   "license": "MIT",
   "homepage": "https://github.com/lensapp/lens-extension-samples",
   "engines": {
-    "node": "^14.18.12",
+    "node": "^16.14.2",
     "lens": "5.4"
   },
   "main": "dist/main.js",
@@ -72,7 +72,7 @@ Some of the most-important fields include:
     "ts-loader": "^8.0.4",
     "typescript": "^4.5.5",
     "@types/react": "^17.0.44",
-    "@types/node": "^14.18.12",
+    "@types/node": "^16.14.2",
     "webpack": "^4.44.2",
     "webpack-cli": "^3.3.11"
   }
diff --git a/extensions/metrics-cluster-feature/resources/12-kube-state-metrics-clusterrole.yml b/extensions/metrics-cluster-feature/resources/12-kube-state-metrics-clusterrole.yml
index 0568d6a560..8101bcc05d 100644
--- a/extensions/metrics-cluster-feature/resources/12-kube-state-metrics-clusterrole.yml
+++ b/extensions/metrics-cluster-feature/resources/12-kube-state-metrics-clusterrole.yml
@@ -119,3 +119,10 @@ rules:
     verbs:
     - list
     - watch
+  - apiGroups:
+    - scheduling.k8s.io
+    resources:
+    - priorityclasses
+    verbs:
+    - list
+    - watch
diff --git a/extensions/metrics-cluster-feature/src/metrics-settings.tsx b/extensions/metrics-cluster-feature/src/metrics-settings.tsx
index 3f20a80df1..bfbeb3e10b 100644
--- a/extensions/metrics-cluster-feature/src/metrics-settings.tsx
+++ b/extensions/metrics-cluster-feature/src/metrics-settings.tsx
@@ -15,7 +15,7 @@ const {
     forCluster, StatefulSet, DaemonSet, Deployment,
   },
   Component: {
-    SubTitle, FormSwitch, Switcher, Button,
+    SubTitle, Switch, Button,
   },
 } = Renderer;
 
@@ -207,17 +207,14 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
         )}
         <section>
           <SubTitle title="Prometheus" />
-          <FormSwitch
-            control={(
-              <Switcher
-                disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable}
-                checked={!!this.featureStates.prometheus && this.props.cluster.status.phase == "connected"}
-                onChange={v => this.togglePrometheus(v.target.checked)}
-                name="prometheus"
-              />
-            )}
-            label="Enable bundled Prometheus metrics stack"
-          />
+          <Switch
+            disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable}
+            checked={!!this.featureStates.prometheus && this.props.cluster.status.phase == "connected"}
+            onChange={checked => this.togglePrometheus(checked)}
+            name="prometheus"
+          >
+            Enable bundled Prometheus metrics stack
+          </Switch>
           <small className="hint">
             Enable timeseries data visualization (Prometheus stack) for your cluster.
           </small>
@@ -225,17 +222,14 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
 
         <section>
           <SubTitle title="Kube State Metrics" />
-          <FormSwitch
-            control={(
-              <Switcher
-                disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable}
-                checked={!!this.featureStates.kubeStateMetrics && this.props.cluster.status.phase == "connected"}
-                onChange={v => this.toggleKubeStateMetrics(v.target.checked)}
-                name="node-exporter"
-              />
-            )}
-            label="Enable bundled kube-state-metrics stack"
-          />
+          <Switch
+            disabled={this.featureStates.kubeStateMetrics === undefined || !this.isTogglable}
+            checked={!!this.featureStates.kubeStateMetrics && this.props.cluster.status.phase == "connected"}
+            onChange={checked => this.toggleKubeStateMetrics(checked)}
+            name="kube-state-metrics"
+          >
+            Enable bundled kube-state-metrics stack
+          </Switch>
           <small className="hint">
             Enable Kubernetes API object metrics for your cluster.
             Enable this only if you don&apos;t have existing kube-state-metrics stack installed.
@@ -244,17 +238,14 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
 
         <section>
           <SubTitle title="Node Exporter" />
-          <FormSwitch
-            control={(
-              <Switcher
-                disabled={this.featureStates.nodeExporter === undefined || !this.isTogglable}
-                checked={!!this.featureStates.nodeExporter && this.props.cluster.status.phase == "connected"}
-                onChange={v => this.toggleNodeExporter(v.target.checked)}
-                name="node-exporter"
-              />
-            )}
-            label="Enable bundled node-exporter stack"
-          />
+          <Switch
+            disabled={this.featureStates.nodeExporter === undefined || !this.isTogglable}
+            checked={!!this.featureStates.nodeExporter && this.props.cluster.status.phase == "connected"}
+            onChange={checked => this.toggleNodeExporter(checked)}
+            name="node-exporter"
+          >
+            Enable bundled node-exporter stack
+          </Switch>
           <small className="hint">
             Enable node level metrics for your cluster.
             Enable this only if you don&apos;t have existing node-exporter stack installed.
@@ -262,20 +253,22 @@ export class MetricsSettings extends React.Component<MetricsSettingsProps> {
         </section>
 
         <section>
-          <Button
-            label={this.buttonLabel}
-            waiting={this.inProgress}
-            onClick={() => this.save()}
-            primary
-            disabled={!this.changed}
-            className="w-60 h-14"
-          />
+          <div>
+            <Button
+              primary
+              label={this.buttonLabel}
+              waiting={this.inProgress}
+              onClick={() => this.save()}
+              disabled={!this.changed}
+              style={{ width: "20ch", padding: "0.5rem" }}
+            />
 
-          {this.canUpgrade && (
-            <small className="hint">
-              An update is available for enabled metrics components.
-            </small>
-          )}
+            {this.canUpgrade && (
+              <small className="hint">
+                An update is available for enabled metrics components.
+              </small>
+            )}
+          </div>
         </section>
       </>
     );
diff --git a/integration/__tests__/app-preferences.tests.ts b/integration/__tests__/app-preferences.tests.ts
index ed3cc71099..2054a5342d 100644
--- a/integration/__tests__/app-preferences.tests.ts
+++ b/integration/__tests__/app-preferences.tests.ts
@@ -11,7 +11,6 @@
 */
 import type { ElectronApplication, Page } from "playwright";
 import * as utils from "../helpers/utils";
-import { isWindows } from "../../src/common/vars";
 
 describe("preferences page tests", () => {
   let window: Page, cleanup: () => Promise<void>;
@@ -34,8 +33,7 @@ describe("preferences page tests", () => {
     await cleanup();
   }, 10*60*1000);
 
-  // skip on windows due to suspected playwright issue with Electron 14
-  utils.itIf(!isWindows)('shows "preferences" and can navigate through the tabs', async () => {
+  it('shows "preferences" and can navigate through the tabs', async () => {
     const pages = [
       {
         id: "application",
diff --git a/integration/__tests__/cluster-pages.tests.ts b/integration/__tests__/cluster-pages.tests.ts
index b56b999b2b..15e72f0d80 100644
--- a/integration/__tests__/cluster-pages.tests.ts
+++ b/integration/__tests__/cluster-pages.tests.ts
@@ -113,13 +113,13 @@ utils.describeIf(minikubeReady(TEST_NAMESPACE))("Minikube based tests", () => {
       await frame.waitForSelector(".LogList .list span.active");
 
       const showTimestampsButton = await frame.waitForSelector(
-        ".LogControls .show-timestamps",
+        "[data-testid='log-controls'] .show-timestamps",
       );
 
       await showTimestampsButton.click();
 
       const showPreviousButton = await frame.waitForSelector(
-        ".LogControls .show-previous",
+        "[data-testid='log-controls'] .show-previous",
       );
 
       await showPreviousButton.click();
diff --git a/integration/__tests__/command-palette.tests.ts b/integration/__tests__/command-palette.tests.ts
index 7073d1d4cc..8356379b60 100644
--- a/integration/__tests__/command-palette.tests.ts
+++ b/integration/__tests__/command-palette.tests.ts
@@ -5,7 +5,6 @@
 
 import type { ElectronApplication, Page } from "playwright";
 import * as utils from "../helpers/utils";
-import { isWindows } from "../../src/common/vars";
 
 describe("Lens command palette", () => {
   let window: Page, cleanup: () => Promise<void>, app: ElectronApplication;
@@ -20,8 +19,7 @@ describe("Lens command palette", () => {
   }, 10*60*1000);
 
   describe("menu", () => {
-    // skip on windows due to suspected playwright issue with Electron 14
-    utils.itIf(!isWindows)("opens command dialog from menu", async () => {
+    it("opens command dialog from menu", async () => {
       await app.evaluate(async ({ app }) => {
         await app.applicationMenu
           ?.getMenuItemById("view")
diff --git a/package.json b/package.json
index 75074300bb..f159778b09 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "productName": "OpenLens",
   "description": "OpenLens - Open Source IDE for Kubernetes",
   "homepage": "https://github.com/lensapp/lens",
-  "version": "5.6.0-alpha.3",
+  "version": "6.0.0",
   "main": "static/build/main.js",
   "copyright": "© 2022 OpenLens Authors",
   "license": "MIT",
@@ -12,6 +12,10 @@
     "email": "info@k8slens.dev"
   },
   "scripts": {
+    "adr:create": "echo \"What is the title?\"; read title; adr new \"$title\"",
+    "adr:change-status": "echo \"Decision number?:\"; read decision; adr status $decision",
+    "adr:update-readme": "adr update",
+    "adr:list": "adr list",
     "dev": "concurrently -i -k \"yarn run dev-run -C\" yarn:dev:*",
     "dev-build": "concurrently yarn:compile:*",
     "debug-build": "concurrently yarn:compile:main yarn:compile:extension-types",
@@ -21,7 +25,7 @@
     "compile": "env NODE_ENV=production concurrently yarn:compile:*",
     "compile:main": "yarn run webpack --config webpack/main.ts",
     "compile:renderer": "yarn run webpack --config webpack/renderer.ts",
-    "compile:extension-types": "yarn run tsc --project tsconfig.extension-api.json",
+    "compile:extension-types": "yarn run webpack --config webpack/extensions.ts",
     "npm:fix-build-version": "yarn run ts-node build/set_build_version.ts",
     "npm:fix-package-version": "yarn run ts-node build/set_npm_version.ts",
     "build:linux": "yarn run compile && electron-builder --linux --dir",
@@ -43,7 +47,9 @@
     "version-checkout": "cat package.json | jq '.version' -r | xargs printf \"release/v%s\" | xargs git checkout -b",
     "version-commit": "cat package.json | jq '.version' -r | xargs printf \"release v%s\" | git commit --no-edit -s -F -",
     "version": "yarn run version-checkout && git add package.json && yarn run version-commit",
-    "postversion": "git push --set-upstream ${GIT_REMOTE:-origin} release/v$npm_package_version"
+    "postversion": "git push --set-upstream ${GIT_REMOTE:-origin} release/v$npm_package_version",
+    "precreate-release-pr": "npx swc ./scripts/create-release-pr.ts -o ./scripts/create-release-pr.mjs",
+    "create-release-pr": "node ./scripts/create-release-pr.mjs"
   },
   "config": {
     "k8sProxyVersion": "0.2.1",
@@ -77,6 +83,7 @@
       "<rootDir>/src/jest.setup.ts",
       "jest-canvas-mock"
     ],
+    "globalSetup": "<rootDir>/src/jest.timezone.ts",
     "setupFilesAfterEnv": [
       "<rootDir>/src/jest-after-env.setup.ts"
     ],
@@ -202,17 +209,20 @@
       "role": "Viewer"
     }
   },
+  "resolutions": {
+    "@astronautlabs/jsonpath/underscore": "^1.12.1"
+  },
   "dependencies": {
     "@astronautlabs/jsonpath": "^1.1.0",
     "@hapi/call": "^9.0.0",
     "@hapi/subtext": "^7.0.4",
-    "@kubernetes/client-node": "^0.16.3",
+    "@kubernetes/client-node": "^0.17.0",
     "@material-ui/styles": "^4.11.5",
-    "@ogre-tools/fp": "9.0.0",
-    "@ogre-tools/injectable": "9.0.0",
-    "@ogre-tools/injectable-extension-for-auto-registration": "9.0.0",
-    "@ogre-tools/injectable-extension-for-mobx": "9.0.0",
-    "@ogre-tools/injectable-react": "9.0.0",
+    "@ogre-tools/fp": "10.1.0",
+    "@ogre-tools/injectable": "10.1.0",
+    "@ogre-tools/injectable-extension-for-auto-registration": "10.1.0",
+    "@ogre-tools/injectable-extension-for-mobx": "10.1.0",
+    "@ogre-tools/injectable-react": "10.1.0",
     "@sentry/electron": "^3.0.7",
     "@sentry/integrations": "^6.19.3",
     "@side/jest-runtime": "^1.0.1",
@@ -241,19 +251,19 @@
     "jsdom": "^16.7.0",
     "lodash": "^4.17.15",
     "mac-ca": "^1.0.6",
-    "marked": "^4.0.17",
+    "marked": "^4.1.0",
     "md5-file": "^5.0.0",
-    "mobx": "^6.6.0",
+    "mobx": "^6.6.1",
     "mobx-observable-history": "^2.0.3",
-    "mobx-react": "^7.5.0",
+    "mobx-react": "^7.5.2",
     "mobx-utils": "^6.0.4",
-    "mock-fs": "^5.1.2",
-    "moment": "^2.29.3",
-    "moment-timezone": "^0.5.34",
+    "mock-fs": "^5.1.4",
+    "moment": "^2.29.4",
+    "moment-timezone": "^0.5.37",
     "monaco-editor": "^0.29.1",
     "monaco-editor-webpack-plugin": "^5.0.0",
-    "node-fetch": "lensapp/node-fetch#2.x",
-    "node-pty": "^0.11.0-beta19",
+    "node-fetch": "^2.6.7",
+    "node-pty": "0.10.1",
     "npm": "^6.14.17",
     "p-limit": "^3.1.0",
     "path-to-regexp": "^6.2.0",
@@ -278,22 +288,24 @@
     "url-parse": "^1.5.10",
     "uuid": "^8.3.2",
     "win-ca": "^3.5.0",
-    "winston": "^3.7.2",
+    "winston": "^3.8.1",
     "winston-console-format": "^1.0.8",
     "winston-transport-browserconsole": "^1.0.5",
-    "ws": "^8.8.0"
+    "ws": "^8.8.1",
+    "xterm-link-provider": "^1.3.1"
   },
   "devDependencies": {
-    "@async-fn/jest": "1.6.1",
+    "@async-fn/jest": "1.6.4",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.60",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@sentry/types": "^6.19.7",
-    "@swc/core": "^1.2.197",
-    "@swc/jest": "^0.2.21",
+    "@swc/cli": "^0.1.57",
+    "@swc/core": "^1.2.246",
+    "@swc/jest": "^0.2.22",
     "@testing-library/dom": "^7.31.2",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^13.5.0",
     "@types/byline": "^4.2.33",
@@ -303,7 +315,7 @@
     "@types/color": "^3.0.3",
     "@types/command-line-args": "^5.2.0",
     "@types/crypto-js": "^3.1.47",
-    "@types/dompurify": "^2.3.3",
+    "@types/dompurify": "^2.3.4",
     "@types/electron-devtools-installer": "^2.2.1",
     "@types/fs-extra": "^9.0.13",
     "@types/glob-to-regexp": "^0.4.1",
@@ -312,15 +324,15 @@
     "@types/hapi__subtext": "^7.0.0",
     "@types/html-webpack-plugin": "^3.2.6",
     "@types/http-proxy": "^1.17.9",
-    "@types/jest": "^28.1.1",
+    "@types/jest": "^28.1.6",
     "@types/js-yaml": "^4.0.5",
     "@types/jsdom": "^16.2.14",
-    "@types/lodash": "^4.14.181",
-    "@types/marked": "^4.0.3",
+    "@types/lodash": "^4.14.184",
+    "@types/marked": "^4.0.6",
     "@types/md5-file": "^4.0.2",
     "@types/mini-css-extract-plugin": "^2.4.0",
     "@types/mock-fs": "^4.13.1",
-    "@types/node": "^16.11.41",
+    "@types/node": "^16.11.55",
     "@types/node-fetch": "^2.6.2",
     "@types/npm": "^2.0.32",
     "@types/proper-lockfile": "^4.1.2",
@@ -336,8 +348,8 @@
     "@types/readable-stream": "^2.3.13",
     "@types/request": "^2.48.7",
     "@types/request-promise-native": "^1.0.18",
-    "@types/semver": "^7.3.9",
-    "@types/sharp": "^0.30.4",
+    "@types/semver": "^7.3.12",
+    "@types/sharp": "^0.30.5",
     "@types/spdy": "^3.4.5",
     "@types/tar": "^4.0.5",
     "@types/tar-stream": "^2.2.2",
@@ -348,29 +360,30 @@
     "@types/uuid": "^8.3.4",
     "@types/webpack": "^5.28.0",
     "@types/webpack-dev-server": "^4.7.2",
-    "@types/webpack-env": "^1.17.0",
+    "@types/webpack-env": "^1.18.0",
     "@types/webpack-node-externals": "^2.5.3",
-    "@typescript-eslint/eslint-plugin": "^5.28.0",
-    "@typescript-eslint/parser": "^5.28.0",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
+    "@typescript-eslint/parser": "^5.36.1",
+    "adr": "^1.4.1",
     "ansi_up": "^5.1.0",
     "chart.js": "^2.9.4",
     "circular-dependency-plugin": "^5.2.2",
-    "cli-progress": "^3.11.1",
+    "cli-progress": "^3.11.2",
     "color": "^3.2.1",
     "command-line-args": "^5.2.1",
-    "concurrently": "^7.2.2",
+    "concurrently": "^7.3.0",
     "css-loader": "^6.7.1",
     "deepdash": "^5.3.9",
-    "dompurify": "^2.3.8",
-    "electron": "^15.5.7",
-    "electron-builder": "^23.0.3",
+    "dompurify": "^2.4.0",
+    "electron": "^19.0.15",
+    "electron-builder": "^23.3.3",
     "electron-notarize": "^0.3.0",
-    "esbuild": "^0.14.43",
+    "esbuild": "^0.15.6",
     "esbuild-loader": "^2.19.0",
-    "eslint": "^8.17.0",
+    "eslint": "^8.23.0",
     "eslint-plugin-header": "^3.1.1",
     "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react": "7.30.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-unused-imports": "^2.0.0",
     "flex.box": "^3.4.4",
@@ -380,48 +393,48 @@
     "identity-obj-proxy": "^3.0.0",
     "ignore-loader": "^0.1.2",
     "include-media": "^1.4.9",
-    "jest": "^28.1.1",
+    "jest": "^28.1.3",
     "jest-canvas-mock": "^2.3.1",
-    "jest-environment-jsdom": "^28.1.1",
+    "jest-environment-jsdom": "^28.1.3",
     "jest-fetch-mock": "^3.0.3",
-    "jest-mock-extended": "^2.0.6",
+    "jest-mock-extended": "^2.0.7",
     "make-plural": "^6.2.2",
     "mini-css-extract-plugin": "^2.6.1",
     "mock-http": "^1.1.0",
-    "node-gyp": "7.1.2",
+    "node-gyp": "^8.3.0",
     "node-loader": "^2.0.0",
-    "nodemon": "^2.0.16",
-    "playwright": "^1.22.2",
-    "postcss": "^8.4.14",
+    "nodemon": "^2.0.19",
+    "playwright": "^1.25.1",
+    "postcss": "^8.4.16",
     "postcss-loader": "^6.2.1",
     "randomcolor": "^0.6.2",
-    "react-beautiful-dnd": "^13.1.0",
-    "react-refresh": "^0.13.0",
-    "react-refresh-typescript": "^2.0.5",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-refresh": "^0.14.0",
+    "react-refresh-typescript": "^2.0.7",
     "react-router-dom": "^5.3.3",
-    "react-select": "^5.3.2",
-    "react-select-event": "^5.5.0",
+    "react-select": "^5.4.0",
+    "react-select-event": "^5.5.1",
     "react-table": "^7.8.0",
     "react-window": "^1.8.7",
-    "sass": "^1.52.3",
+    "sass": "^1.54.8",
     "sass-loader": "^12.6.0",
-    "sharp": "^0.30.6",
+    "sharp": "^0.30.7",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.1.3",
+    "tailwindcss": "^3.1.8",
     "tar-stream": "^2.2.0",
-    "ts-loader": "^9.2.8",
-    "ts-node": "^10.8.1",
-    "type-fest": "^2.13.1",
+    "ts-loader": "^9.3.1",
+    "ts-node": "^10.9.1",
+    "type-fest": "^2.14.0",
     "typed-emitter": "^1.4.0",
-    "typedoc": "0.22.17",
-    "typedoc-plugin-markdown": "^3.11.12",
-    "typescript": "^4.7.4",
+    "typedoc": "0.23.13",
+    "typedoc-plugin-markdown": "^3.13.1",
+    "typescript": "^4.8.2",
     "typescript-plugin-css-modules": "^3.4.0",
-    "webpack": "^5.73.0",
+    "webpack": "^5.74.0",
     "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.9.2",
+    "webpack-dev-server": "^4.10.1",
     "webpack-node-externals": "^3.0.0",
-    "xterm": "^4.18.0",
+    "xterm": "^4.19.0",
     "xterm-addon-fit": "^0.5.0"
   }
 }
diff --git a/scripts/.gitignore b/scripts/.gitignore
new file mode 100644
index 0000000000..493f3a63f4
--- /dev/null
+++ b/scripts/.gitignore
@@ -0,0 +1,2 @@
+*.mjs
+*.map
diff --git a/scripts/.swcrc b/scripts/.swcrc
new file mode 100644
index 0000000000..8e7a530f16
--- /dev/null
+++ b/scripts/.swcrc
@@ -0,0 +1,9 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "jsc": {
+    "parser": {
+      "syntax": "typescript"
+    },
+    "target": "es2022"
+  }
+}
diff --git a/scripts/create-release-pr.mjs b/scripts/create-release-pr.ts
similarity index 61%
rename from scripts/create-release-pr.mjs
rename to scripts/create-release-pr.ts
index 54b6ed17c5..da0d5d4f26 100755
--- a/scripts/create-release-pr.mjs
+++ b/scripts/create-release-pr.ts
@@ -1,16 +1,14 @@
-#!/usr/bin/env node
 /**
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-
-// This script creates a release PR
-import { execSync, exec, spawn } from "child_process";
+import child_process from "child_process";
 import commandLineArgs from "command-line-args";
 import fse from "fs-extra";
 import { basename } from "path";
+import { createInterface } from "readline";
 import semver from "semver";
-import { promisify } from "util";
+import { inspect, promisify } from "util";
 
 const {
   SemVer,
@@ -18,8 +16,8 @@ const {
   rcompare: semverRcompare,
   lte: semverLte,
 } = semver;
-const { readJsonSync } = fse;
-const execP = promisify(exec);
+const exec = promisify(child_process.exec);
+const execFile = promisify(child_process.execFile);
 
 const options = commandLineArgs([
   {
@@ -82,18 +80,17 @@ if (basename(process.cwd()) === "scripts") {
 }
 
 
-const currentVersion = new SemVer(readJsonSync("./package.json").version);
-const currentVersionMilestone = `${currentVersion.major}.${currentVersion.minor}.${currentVersion.patch}`;
+const currentVersion = new SemVer((await fse.readJson("./package.json")).version);
 
 console.log(`current version: ${currentVersion.format()}`);
 console.log("fetching tags...");
-execSync("git fetch --tags --force");
+await exec("git fetch --tags --force");
 
-const actualTags = execSync("git tag --list", { encoding: "utf-8" }).split(/\r?\n/).map(line => line.trim());
+const actualTags = (await exec("git tag --list", { encoding: "utf-8" })).stdout.split(/\r?\n/).map(line => line.trim());
 const [previousReleasedVersion] = actualTags
-  .map(semverValid)
-  .filter(Boolean)
-  .sort(semverRcompare)
+  .map((value) => semverValid(value))
+  .filter((v): v is string => typeof v === "string")
+  .sort((l, r) => semverRcompare(l, r))
   .filter(version => semverLte(version, currentVersion));
 
 const npmVersionArgs = [
@@ -108,9 +105,12 @@ if (options.preid) {
 
 npmVersionArgs.push("--git-tag-version false");
 
-execSync(npmVersionArgs.join(" "), { stdio: "ignore" });
+await exec(npmVersionArgs.join(" "));
 
-const newVersion = new SemVer(readJsonSync("./package.json").version);
+const newVersion = new SemVer((await fse.readJson("./package.json")).version);
+const newVersionMilestone = `${newVersion.major}.${newVersion.minor}.${newVersion.patch}`;
+
+console.log(`new version: ${newVersion.format()}`);
 
 const getMergedPrsArgs = [
   "gh",
@@ -119,22 +119,63 @@ const getMergedPrsArgs = [
   "--limit=500", // Should be big enough, if not we need to release more often ;)
   "--state=merged",
   "--base=master",
-  "--json mergeCommit,title,author,labels,number,milestone",
+  "--json mergeCommit,title,author,labels,number,milestone,mergedAt",
 ];
 
+interface GithubPrData {
+  author: {
+    login: string;
+  };
+  labels: {
+    id: string;
+    name: string;
+    description: string;
+    color: string;
+  }[];
+  mergeCommit: {
+    oid: string;
+  };
+  mergedAt: string;
+  milestone: {
+    number: number;
+    title: string;
+    description: string;
+    dueOn: null | string;
+  };
+  number: number;
+  title: string;
+}
+
 console.log("retreiving last 500 PRs to create release PR body...");
-const mergedPrs = JSON.parse(execSync(getMergedPrsArgs.join(" "), { encoding: "utf-8" }));
-const milestoneRelevantPrs = mergedPrs.filter(pr => pr.milestone && pr.milestone.title === currentVersionMilestone);
+const mergedPrs = JSON.parse((await exec(getMergedPrsArgs.join(" "), { encoding: "utf-8" })).stdout) as GithubPrData[];
+const milestoneRelevantPrs = mergedPrs.filter(pr => pr.milestone?.title === newVersionMilestone);
 const relaventPrsQuery = await Promise.all(
   milestoneRelevantPrs.map(async pr => ({
     pr,
-    stdout: (await execP(`git tag v${previousReleasedVersion} --no-contains ${pr.mergeCommit.oid}`)).stdout,
+    stdout: (await exec(`git tag v${previousReleasedVersion} --no-contains ${pr.mergeCommit.oid}`)).stdout,
   })),
 );
 const relaventPrs = relaventPrsQuery
   .filter(query => query.stdout)
   .map(query => query.pr)
-  .filter(pr => pr.labels.every(label => label.name !== "skip-changelog"));
+  .filter(pr => pr.labels.every(label => label.name !== "skip-changelog"))
+  .map(pr => ({ ...pr, mergedAt: new Date(pr.mergedAt) }))
+  .sort((left, right) => {
+    const leftAge = left.mergedAt.valueOf();
+    const rightAge = right.mergedAt.valueOf();
+
+    if (leftAge === rightAge) {
+      return 0;
+    }
+
+    if (leftAge > rightAge) {
+      return 1;
+    }
+
+    return -1;
+  });
+
+console.log(inspect(relaventPrs, false, null, true));
 
 const enhancementPrLabelName = "enhancement";
 const bugfixPrLabelName = "bug";
@@ -197,19 +238,34 @@ const createPrArgs = [
   "--body-file", "-",
 ];
 
-const createPrProcess = spawn("gh", createPrArgs, { stdio: "pipe" });
-let result = "";
+const rl = createInterface(process.stdin);
 
-createPrProcess.stdout.on("data", (chunk) => result += chunk);
+if (prBase !== "master") {
+  console.log("Cherry-picking commits to current branch");
 
-createPrProcess.stdin.write(prBody);
-createPrProcess.stdin.end();
+  for (const pr of relaventPrs) {
+    try {
+      const promise = exec(`git cherry-pick ${pr.mergeCommit.oid}`);
 
-await new Promise((resolve) => {
-  createPrProcess.on("close", () => {
-    createPrProcess.stdout.removeAllListeners();
-    resolve();
-  });
-});
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      promise.child.stdout!.pipe(process.stdout);
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      promise.child.stderr!.pipe(process.stderr);
 
-console.log(result);
+      await promise;
+    } catch {
+      console.error(`Failed to cherry-pick ${pr.mergeCommit.oid}, please resolve conflicts and then press enter here:`);
+      await new Promise<void>(resolve => rl.on("line", () => resolve()));
+    }
+  }
+}
+
+const createPrProcess = execFile("gh", createPrArgs);
+
+createPrProcess.child.stdout?.pipe(process.stdout);
+createPrProcess.child.stderr?.pipe(process.stderr);
+
+createPrProcess.child.stdin?.write(prBody);
+createPrProcess.child.stdin?.end();
+
+await createPrProcess;
diff --git a/src/behaviours/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap b/src/behaviours/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
deleted file mode 100644
index 5a952f701b..0000000000
--- a/src/behaviours/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
+++ /dev/null
@@ -1,40 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`extension special characters in page registrations renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`extension special characters in page registrations when navigating to route with ID having special characters renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    Some page
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/__snapshots__/navigate-to-extension-page.test.tsx.snap b/src/behaviours/__snapshots__/navigate-to-extension-page.test.tsx.snap
deleted file mode 100644
index f73444ff0e..0000000000
--- a/src/behaviours/__snapshots__/navigate-to-extension-page.test.tsx.snap
+++ /dev/null
@@ -1,151 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`navigate to extension page renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`navigate to extension page when extension navigates to child route renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    Child page
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`navigate to extension page when extension navigates to route with parameters renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    <ul>
-      <li>
-        some-string-value-from-navigate
-      </li>
-      <li>
-        126
-      </li>
-      <li>
-        some-array-value-from-navigate
-      </li>
-    </ul>
-    <button
-      data-testid="button-to-change-page-parameters"
-      type="button"
-    >
-      Some button
-    </button>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`navigate to extension page when extension navigates to route without parameters renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    <ul>
-      <li>
-        some-string-value
-      </li>
-      <li>
-        42
-      </li>
-      <li>
-        some-array-value,some-other-array-value
-      </li>
-    </ul>
-    <button
-      data-testid="button-to-change-page-parameters"
-      type="button"
-    >
-      Some button
-    </button>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`navigate to extension page when extension navigates to route without parameters when changing page parameters renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    <ul>
-      <li>
-        some-changed-string-value
-      </li>
-      <li>
-        84
-      </li>
-      <li>
-        some-changed-array-value,some-other-changed-array-value
-      </li>
-    </ul>
-    <button
-      data-testid="button-to-change-page-parameters"
-      type="button"
-    >
-      Some button
-    </button>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/__snapshots__/navigating-between-routes.test.tsx.snap b/src/behaviours/__snapshots__/navigating-between-routes.test.tsx.snap
deleted file mode 100644
index bd3c3f51e7..0000000000
--- a/src/behaviours/__snapshots__/navigating-between-routes.test.tsx.snap
+++ /dev/null
@@ -1,46 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`navigating between routes given route with optional path parameters when navigating to route with path parameters renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <pre>
-    {
-  "someParameter": "some-value",
-  "someOtherParameter": "some-other-value"
-}
-  </pre>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`navigating between routes given route without path parameters when navigating to route renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    Some component
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap b/src/behaviours/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
deleted file mode 100644
index f6067dec05..0000000000
--- a/src/behaviours/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
+++ /dev/null
@@ -1,118 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`add-cluster - navigation using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`add-cluster - navigation using application menu when navigating to add cluster using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout AddClusters"
-    data-testid="add-cluster-page"
-  >
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content flex column gaps"
-      >
-        <h2>
-          Add Clusters from Kubeconfig
-        </h2>
-        <p>
-          Clusters added here are  
-          <b>
-            not
-          </b>
-           merged into the 
-          <code>
-            ~/.kube/config
-          </code>
-           file. 
-          <a
-            href="https://docs.k8slens.dev/main//catalog/add-clusters/"
-            rel="noreferrer"
-            target="_blank"
-          >
-            Read more about adding clusters.
-          </a>
-        </p>
-        <div
-          class="flex column"
-        />
-        <div
-          class="actions-panel"
-        >
-          <button
-            class="Button primary"
-            disabled=""
-            type="button"
-          >
-            Add clusters
-          </button>
-        </div>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div>
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/application-update/__snapshots__/installing-update-using-tray.test.ts.snap b/src/behaviours/application-update/__snapshots__/installing-update-using-tray.test.ts.snap
deleted file mode 100644
index dd45d690c5..0000000000
--- a/src/behaviours/application-update/__snapshots__/installing-update-using-tray.test.ts.snap
+++ /dev/null
@@ -1,596 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`installing update using tray when started renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update using tray when started when user checks for updates using tray renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Checking for updates...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_16"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`installing update using tray when started when user checks for updates using tray when new update is discovered renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Checking for updates...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_115"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Download for version some-version started...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_118"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`installing update using tray when started when user checks for updates using tray when new update is discovered when download fails renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Checking for updates...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_183"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Download for version some-version started...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_186"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Download of update failed
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_191"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`installing update using tray when started when user checks for updates using tray when new update is discovered when download succeeds renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Checking for updates...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_266"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Download for version some-version started...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_269"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          <div
-            class="flex column gaps"
-            data-testid="ask-boolean-some-irrelevant-random-id"
-          >
-            <b>
-              Update Available
-            </b>
-            <p>
-              Version some-version of Lens IDE is available and ready to be installed. Would you like to update now?
-
-Lens should restart automatically, if it doesn't please restart manually. Installed extensions might require updating.
-            </p>
-            <div
-              class="flex gaps row align-left box grow"
-            >
-              <button
-                class="Button light"
-                data-testid="ask-boolean-some-irrelevant-random-id-button-yes"
-                type="button"
-              >
-                Yes
-              </button>
-              <button
-                class="Button active outlined"
-                data-testid="ask-boolean-some-irrelevant-random-id-button-no"
-                type="button"
-              >
-                No
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-ask-boolean-for-some-irrelevant-random-id"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`installing update using tray when started when user checks for updates using tray when no new update is discovered renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          Checking for updates...
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_59"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          No new updates available
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-notification_62"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
diff --git a/src/behaviours/application-update/__snapshots__/installing-update.test.ts.snap b/src/behaviours/application-update/__snapshots__/installing-update.test.ts.snap
deleted file mode 100644
index 0e271ef2d3..0000000000
--- a/src/behaviours/application-update/__snapshots__/installing-update.test.ts.snap
+++ /dev/null
@@ -1,161 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`installing update when started renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates when new update is discovered renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates when new update is discovered when download fails renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates when new update is discovered when download succeeds renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates when new update is discovered when download succeeds when user answers not to install the update renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates when new update is discovered when download succeeds when user answers to install the update renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`installing update when started when user checks for updates when no new update is discovered renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/application-update/__snapshots__/periodical-checking-of-updates.test.ts.snap b/src/behaviours/application-update/__snapshots__/periodical-checking-of-updates.test.ts.snap
deleted file mode 100644
index 744a9dfb7e..0000000000
--- a/src/behaviours/application-update/__snapshots__/periodical-checking-of-updates.test.ts.snap
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`periodical checking of updates given updater is enabled and configuration exists, when started renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/application-update/__snapshots__/selection-of-update-stability.test.ts.snap b/src/behaviours/application-update/__snapshots__/selection-of-update-stability.test.ts.snap
deleted file mode 100644
index ea700234da..0000000000
--- a/src/behaviours/application-update/__snapshots__/selection-of-update-stability.test.ts.snap
+++ /dev/null
@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`selection of update stability when started renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap b/src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
deleted file mode 100644
index db6d5e7f36..0000000000
--- a/src/behaviours/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
+++ /dev/null
@@ -1,687 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`cluster - order of sidebar items when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-another-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-some-another-parent-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some another parent
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-other-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-some-other-parent-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some other parent
-          </span>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - order of sidebar items when rendered when parent is expanded renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-parent-id"
-            data-testid="sidebar-item-some-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Some child
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-parent-id"
-            data-testid="sidebar-item-some-another-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-another-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Some another child
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-parent-id"
-            data-testid="sidebar-item-some-other-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-other-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Some other child
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-another-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-some-another-parent-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some another parent
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-other-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-some-other-parent-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some other parent
-          </span>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap b/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
deleted file mode 100644
index d4a574fde7..0000000000
--- a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
+++ /dev/null
@@ -1,2057 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given empty state for expanded sidebar items already exists, when rendered renders without errors 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given no initially persisted state for sidebar items, when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-parent-id"
-            data-testid="sidebar-item-some-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Some child
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="true"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          aria-current="page"
-          class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu active"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="true"
-            data-parent-id-test="some-parent-id"
-            data-testid="sidebar-item-some-child-id"
-          >
-            <a
-              aria-current="page"
-              class="nav-item flex gaps align-center active"
-              data-testid="sidebar-item-link-for-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Some child
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    data-testid="some-child-page"
-  />
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="true"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          aria-current="page"
-          class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    data-testid="some-child-page"
-  />
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given state for expanded sidebar items already exists, when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-parent-id"
-            data-testid="sidebar-item-some-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Some child
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for core given core registrations given state for expanded unknown sidebar items already exists, when rendered renders without errors 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-parent-id"
-          href="/"
-        >
-          <div
-            data-testid="some-icon-for-parent"
-          />
-          <span
-            class="link-text box grow"
-          >
-            Some parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
deleted file mode 100644
index 60d3be5320..0000000000
--- a/src/behaviours/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
+++ /dev/null
@@ -1,2556 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given empty state for expanded sidebar items already exists, when rendered renders without errors 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 1
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-other-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 2
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="true"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          aria-current="page"
-          class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu active"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="true"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-child-id"
-          >
-            <a
-              aria-current="page"
-              class="nav-item flex gaps align-center active"
-              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 1
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-other-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 2
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div
-    class="TabLayout"
-    data-testid="tab-layout"
-  >
-    <div
-      class="Tabs center scrollable"
-    >
-      <div
-        class="Tab flex gaps align-center active"
-        data-is-active-test="true"
-        data-testid="tab-link-for-some-extension-name-some-child-id"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Child 1
-        </div>
-      </div>
-      <div
-        class="Tab flex gaps align-center"
-        data-is-active-test="false"
-        data-testid="tab-link-for-some-extension-name-some-other-child-id"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Child 2
-        </div>
-      </div>
-    </div>
-    <main>
-      <div
-        data-testid="some-child-page"
-      >
-        Some child page
-      </div>
-    </main>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected when selecting sibling tab renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="true"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          aria-current="page"
-          class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu active"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 1
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="true"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-other-child-id"
-          >
-            <a
-              aria-current="page"
-              class="nav-item flex gaps align-center active"
-              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 2
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div
-    class="TabLayout"
-    data-testid="tab-layout"
-  >
-    <div
-      class="Tabs center scrollable"
-    >
-      <div
-        class="Tab flex gaps align-center"
-        data-is-active-test="false"
-        data-testid="tab-link-for-some-extension-name-some-child-id"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Child 1
-        </div>
-      </div>
-      <div
-        class="Tab flex gaps align-center active"
-        data-is-active-test="true"
-        data-testid="tab-link-for-some-extension-name-some-other-child-id"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Child 2
-        </div>
-      </div>
-    </div>
-    <main>
-      <div
-        data-testid="some-other-child-page"
-      >
-        Some other child page
-      </div>
-    </main>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="true"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          aria-current="page"
-          class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="TabLayout"
-    data-testid="tab-layout"
-  >
-    <div
-      class="Tabs center scrollable"
-    >
-      <div
-        class="Tab flex gaps align-center active"
-        data-is-active-test="true"
-        data-testid="tab-link-for-some-extension-name-some-child-id"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Child 1
-        </div>
-      </div>
-      <div
-        class="Tab flex gaps align-center"
-        data-is-active-test="false"
-        data-testid="tab-link-for-some-extension-name-some-other-child-id"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Child 2
-        </div>
-      </div>
-    </div>
-    <main>
-      <div
-        data-testid="some-child-page"
-      >
-        Some child page
-      </div>
-    </main>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given state for expanded sidebar items already exists, when rendered renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_up"
-            >
-              keyboard_arrow_up
-            </span>
-          </i>
-        </a>
-        <ul
-          class="sub-menu"
-        >
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 1
-              </span>
-            </a>
-          </div>
-          <div
-            class="SidebarItem"
-            data-is-active-test="false"
-            data-parent-id-test="some-extension-name-some-parent-id"
-            data-testid="sidebar-item-some-extension-name-some-other-child-id"
-          >
-            <a
-              class="nav-item flex gaps align-center"
-              data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
-              href="/"
-            >
-              <span
-                class="link-text box grow"
-              >
-                Child 2
-              </span>
-            </a>
-          </div>
-        </ul>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given state for expanded unknown sidebar items already exists, when rendered renders without errors 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-extension-name-some-parent-id"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
-          href="/"
-        >
-          <div>
-            Some icon
-          </div>
-          <span
-            class="link-text box grow"
-          >
-            Parent
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap b/src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
deleted file mode 100644
index 60b2a6a501..0000000000
--- a/src/behaviours/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
+++ /dev/null
@@ -1,551 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`cluster - visibility of sidebar items given kube resource for route is not allowed renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`cluster - visibility of sidebar items given kube resource for route is not allowed when kube resource becomes allowed renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-some-item-id"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-some-item-id"
-          href="/"
-        >
-          <span
-            class="link-text box grow"
-          >
-            Some item
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-namespaces"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-namespaces"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="layers"
-            >
-              layers
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Namespaces
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/behaviours/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
deleted file mode 100644
index 8dd45c656a..0000000000
--- a/src/behaviours/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ /dev/null
@@ -1,151 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`extensions - navigation using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`extensions - navigation using application menu when navigating to extensions using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout DropFileInput Extensions"
-    data-testid="extensions-page"
-  >
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section>
-          <h1>
-            Extensions
-          </h1>
-          <div
-            class="notice mb-14 mt-3"
-          >
-            <p>
-              Add new features via Lens Extensions. Check out the 
-              <a
-                href="https://docs.k8slens.dev/main//extensions/"
-                rel="noreferrer"
-                target="_blank"
-              >
-                docs
-              </a>
-               and list of 
-              <a
-                href="https://github.com/lensapp/lens-extensions/blob/main/README.md"
-                rel="noreferrer"
-                target="_blank"
-              >
-                available extensions
-              </a>
-              .
-            </p>
-          </div>
-          <section
-            class="mt-2"
-          >
-            <div
-              class="SubTitle"
-            >
-              Name or file path or URL to an extension package (tar, tgz)
-               
-            </div>
-            <div
-              class="flex"
-            >
-              <div
-                class="flex-1"
-              />
-              <div
-                class="flex-initial"
-              >
-                <button
-                  class="Button w-80 h-full primary"
-                  type="button"
-                >
-                  Install
-                </button>
-              </div>
-            </div>
-            <small
-              class="mt-3"
-            >
-              <b>
-                Pro-Tip
-              </b>
-              : you can drag-n-drop tarball-file to this area
-            </small>
-          </section>
-          <div>
-            <div
-              class="Spinner singleColor center"
-            />
-          </div>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div>
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
deleted file mode 100644
index 21803cf04a..0000000000
--- a/src/behaviours/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
+++ /dev/null
@@ -1,6951 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused invalid"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value=""
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input invalid"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value=""
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="add"
-                  >
-                    add
-                  </span>
-                </i>
-              </button>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when closing the dialog by clicking cancel renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    />
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value="some-custom-repository"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value="http://some.url"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="add"
-                  >
-                    add
-                  </span>
-                </i>
-              </button>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value="some-custom-repository"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value="http://some.url"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="remove"
-                  >
-                    remove
-                  </span>
-                </i>
-              </button>
-              <div
-                data-testid="maximal-options-for-custom-helm-repository-dialog"
-              >
-                <div
-                  class="SubTitle"
-                >
-                  Security settings
-                   
-                </div>
-                <label
-                  class="Checkbox flex align-center"
-                >
-                  <input
-                    data-testid="custom-helm-repository-verify-tls-input"
-                    type="checkbox"
-                  />
-                  <i
-                    class="box flex align-center"
-                  />
-                  <span
-                    class="label"
-                  >
-                    Skip TLS certificate checks for the repository
-                  </span>
-                </label>
-                <div
-                  class="flex gaps align-center"
-                >
-                  <div
-                    class="Input box grow invalid validating validatingLine"
-                  >
-                    <label
-                      class="input-area flex gaps align-center"
-                      id=""
-                    >
-                      <input
-                        class="input box grow"
-                        data-testid="custom-helm-repository-key-file-input"
-                        placeholder="Key file"
-                        spellcheck="false"
-                        value=""
-                      />
-                    </label>
-                    <div
-                      class="input-info flex gaps"
-                    />
-                  </div>
-                  <i
-                    class="Icon material interactive focusable"
-                    tabindex="0"
-                    tooltip="Browse"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="folder"
-                    >
-                      folder
-                    </span>
-                  </i>
-                </div>
-                <div
-                  class="flex gaps align-center"
-                >
-                  <div
-                    class="Input box grow invalid validating validatingLine"
-                  >
-                    <label
-                      class="input-area flex gaps align-center"
-                      id=""
-                    >
-                      <input
-                        class="input box grow"
-                        data-testid="custom-helm-repository-ca-cert-file-input"
-                        placeholder="Ca file"
-                        spellcheck="false"
-                        value=""
-                      />
-                    </label>
-                    <div
-                      class="input-info flex gaps"
-                    />
-                  </div>
-                  <i
-                    class="Icon material interactive focusable"
-                    tabindex="0"
-                    tooltip="Browse"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="folder"
-                    >
-                      folder
-                    </span>
-                  </i>
-                </div>
-                <div
-                  class="flex gaps align-center"
-                >
-                  <div
-                    class="Input box grow invalid validating validatingLine"
-                  >
-                    <label
-                      class="input-area flex gaps align-center"
-                      id=""
-                    >
-                      <input
-                        class="input box grow"
-                        data-testid="custom-helm-repository-cert-file-input"
-                        placeholder="Certificate file"
-                        spellcheck="false"
-                        value=""
-                      />
-                    </label>
-                    <div
-                      class="input-info flex gaps"
-                    />
-                  </div>
-                  <i
-                    class="Icon material interactive focusable"
-                    tabindex="0"
-                    tooltip="Browse"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="folder"
-                    >
-                      folder
-                    </span>
-                  </i>
-                </div>
-                <div
-                  class="SubTitle"
-                >
-                  Chart Repository Credentials
-                   
-                </div>
-                <div
-                  class="Input"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      data-testid="custom-helm-repository-username-input"
-                      placeholder="Username"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="Input"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      data-testid="custom-helm-repository-password-input"
-                      placeholder="Password"
-                      spellcheck="false"
-                      type="password"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options when hiding maximal options renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value="some-custom-repository"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value="http://some.url"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="add"
-                  >
-                    add
-                  </span>
-                </i>
-              </button>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options when inputted maximal options renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused dirty"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value="some-custom-repository"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input dirty"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value="http://some.url"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="remove"
-                  >
-                    remove
-                  </span>
-                </i>
-              </button>
-              <div
-                data-testid="maximal-options-for-custom-helm-repository-dialog"
-              >
-                <div
-                  class="SubTitle"
-                >
-                  Security settings
-                   
-                </div>
-                <label
-                  class="Checkbox flex align-center checked"
-                >
-                  <input
-                    data-testid="custom-helm-repository-verify-tls-input"
-                    type="checkbox"
-                  />
-                  <i
-                    class="box flex align-center"
-                  />
-                  <span
-                    class="label"
-                  >
-                    Skip TLS certificate checks for the repository
-                  </span>
-                </label>
-                <div
-                  class="flex gaps align-center"
-                >
-                  <div
-                    class="Input box grow dirty"
-                  >
-                    <label
-                      class="input-area flex gaps align-center"
-                      id=""
-                    >
-                      <input
-                        class="input box grow"
-                        data-testid="custom-helm-repository-key-file-input"
-                        placeholder="Key file"
-                        spellcheck="false"
-                        value="some-key-file"
-                      />
-                    </label>
-                    <div
-                      class="input-info flex gaps"
-                    />
-                  </div>
-                  <i
-                    class="Icon material interactive focusable"
-                    tabindex="0"
-                    tooltip="Browse"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="folder"
-                    >
-                      folder
-                    </span>
-                  </i>
-                </div>
-                <div
-                  class="flex gaps align-center"
-                >
-                  <div
-                    class="Input box grow invalid dirty validating validatingLine"
-                  >
-                    <label
-                      class="input-area flex gaps align-center"
-                      id=""
-                    >
-                      <input
-                        class="input box grow"
-                        data-testid="custom-helm-repository-ca-cert-file-input"
-                        placeholder="Ca file"
-                        spellcheck="false"
-                        value="some-ca-cert-file"
-                      />
-                    </label>
-                    <div
-                      class="input-info flex gaps"
-                    />
-                  </div>
-                  <i
-                    class="Icon material interactive focusable"
-                    tabindex="0"
-                    tooltip="Browse"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="folder"
-                    >
-                      folder
-                    </span>
-                  </i>
-                </div>
-                <div
-                  class="flex gaps align-center"
-                >
-                  <div
-                    class="Input box grow invalid dirty validating validatingLine"
-                  >
-                    <label
-                      class="input-area flex gaps align-center"
-                      id=""
-                    >
-                      <input
-                        class="input box grow"
-                        data-testid="custom-helm-repository-cert-file-input"
-                        placeholder="Certificate file"
-                        spellcheck="false"
-                        value="some-cert-file"
-                      />
-                    </label>
-                    <div
-                      class="input-info flex gaps"
-                    />
-                  </div>
-                  <i
-                    class="Icon material interactive focusable"
-                    tabindex="0"
-                    tooltip="Browse"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="folder"
-                    >
-                      folder
-                    </span>
-                  </i>
-                </div>
-                <div
-                  class="SubTitle"
-                >
-                  Chart Repository Credentials
-                   
-                </div>
-                <div
-                  class="Input dirty"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      data-testid="custom-helm-repository-username-input"
-                      placeholder="Username"
-                      spellcheck="false"
-                      value="some-username"
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="Input dirty"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      data-testid="custom-helm-repository-password-input"
-                      placeholder="Password"
-                      spellcheck="false"
-                      type="password"
-                      value="some-password"
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </div>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused dirty"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value="some-custom-repository"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input dirty"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value="http://some.url"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="add"
-                  >
-                    add
-                  </span>
-                </i>
-              </button>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button waiting primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation rejects renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some active repository"
-                        >
-                          Some active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    />
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation resolves with success renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    />
-  </div>
-</body>
-`;
-
-exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation resolves with success when adding custom repository again renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
-    style="--enter-duration: 100ms; --leave-duration: 100ms;"
-  >
-    <div
-      class="box"
-    >
-      <div
-        class="Wizard"
-      >
-        <div
-          class="header"
-        >
-          <h5>
-            Add custom Helm Repo
-          </h5>
-        </div>
-        <form
-          class="WizardStep step1"
-        >
-          <div
-            class="step-content scrollable flow column"
-          >
-            <div
-              class="flex column gaps"
-              data-testid="add-custom-helm-repository-dialog"
-            >
-              <div
-                class="Input focused invalid"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-name-input"
-                    placeholder="Helm repo name"
-                    required=""
-                    spellcheck="false"
-                    value=""
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="Input invalid"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    data-testid="custom-helm-repository-url-input"
-                    placeholder="URL"
-                    required=""
-                    spellcheck="false"
-                    value=""
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <button
-                class="Button accordion plain"
-                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
-                type="button"
-              >
-                More
-                <i
-                  class="Icon material focusable small"
-                  tooltip="More"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="add"
-                  >
-                    add
-                  </span>
-                </i>
-              </button>
-            </div>
-          </div>
-          <div
-            class="buttons flex gaps align-center"
-          >
-            <button
-              class="Button back-btn plain"
-              data-testid="custom-helm-repository-cancel-button"
-              type="button"
-            >
-              Cancel
-            </button>
-            <button
-              class="Button primary"
-              data-testid="custom-helm-repository-submit-button"
-              type="submit"
-            >
-              Add
-            </button>
-          </div>
-        </form>
-      </div>
-    </div>
-  </div>
-</body>
-`;
diff --git a/src/behaviours/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
deleted file mode 100644
index 82c9bfb7e4..0000000000
--- a/src/behaviours/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
+++ /dev/null
@@ -1,5046 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--menu-is-open css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-controls="react-select-selection-of-active-public-helm-repository-listbox"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="true"
-                              aria-haspopup="true"
-                              aria-owns="react-select-selection-of-active-public-helm-repository-listbox"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Select__menu-portal css-yj2v5g"
-  >
-    <div
-      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-26l3qy-menu"
-      id="react-select-selection-of-active-public-helm-repository-listbox"
-    >
-      <div
-        class="Select__menu-list css-4ljt47-MenuList"
-      >
-        <div
-          aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
-          id="react-select-selection-of-active-public-helm-repository-option-0"
-          tabindex="-1"
-        >
-          <div
-            class="flex gaps"
-          >
-            <span>
-              Some already active repository
-            </span>
-            <i
-              class="Icon box right material focusable small"
-            >
-              <span
-                class="icon"
-                data-icon-name="check"
-              >
-                check
-              </span>
-            </i>
-          </div>
-        </div>
-        <div
-          aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
-          id="react-select-selection-of-active-public-helm-repository-option-1"
-          tabindex="-1"
-        >
-          <div
-            class="flex gaps"
-          >
-            <span>
-              Some to be added repository
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding rejects renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some to be added repository"
-                        >
-                          Some to be added repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-other-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some to be added repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again when select for selecting active repositories is clicked renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--menu-is-open css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-controls="react-select-selection-of-active-public-helm-repository-listbox"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="true"
-                              aria-haspopup="true"
-                              aria-owns="react-select-selection-of-active-public-helm-repository-listbox"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some to be added repository"
-                        >
-                          Some to be added repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-other-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some to be added repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-  <div
-    class="Select__menu-portal css-yj2v5g"
-  >
-    <div
-      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-26l3qy-menu"
-      id="react-select-selection-of-active-public-helm-repository-listbox"
-    >
-      <div
-        class="Select__menu-list css-4ljt47-MenuList"
-      >
-        <div
-          aria-disabled="false"
-          class="Select__option Select__option--is-focused css-1n7v3ny-option"
-          id="react-select-selection-of-active-public-helm-repository-option-0"
-          tabindex="-1"
-        >
-          <div
-            class="flex gaps"
-          >
-            <span>
-              Some already active repository
-            </span>
-            <i
-              class="Icon box right material focusable small"
-            >
-              <span
-                class="icon"
-                data-icon-name="check"
-              >
-                check
-              </span>
-            </i>
-          </div>
-        </div>
-        <div
-          aria-disabled="false"
-          class="Select__option css-yt9ioa-option"
-          id="react-select-selection-of-active-public-helm-repository-option-1"
-          tabindex="-1"
-        >
-          <div
-            class="flex gaps"
-          >
-            <span>
-              Some to be added repository
-            </span>
-            <i
-              class="Icon box right material focusable small"
-            >
-              <span
-                class="icon"
-                data-icon-name="check"
-              >
-                check
-              </span>
-            </i>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again when select for selecting active repositories is clicked when active repository is selected renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some already active repository"
-                        >
-                          Some already active repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some already active repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-Some to be added repository"
-                        >
-                          Some to be added repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-other-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-Some to be added repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again when select for selecting active repositories is clicked when active repository is selected when removing resolves renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
deleted file mode 100644
index d350470ef4..0000000000
--- a/src/behaviours/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
+++ /dev/null
@@ -1,4288 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with any other error renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  class="notice"
-                >
-                  <div
-                    class="flex-grow text-center"
-                  >
-                    Error updating Helm repositories: Some error
-                  </div>
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories when adding default repository reject renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  class="notice"
-                >
-                  <div
-                    class="flex-grow text-center"
-                  >
-                    Error when adding default Helm repository: Some error
-                  </div>
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories when adding of default repository resolves renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories resolve when repositories resolves renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-some-repository"
-                        >
-                          some-repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-repository-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-some-repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-some-other-repository"
-                        >
-                          some-other-repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-other-repository-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-some-other-repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves without path to repository cache directory renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  class="notice"
-                >
-                  <div
-                    class="flex-grow text-center"
-                  >
-                    Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CACHE was not present in \`$ helm env\`.
-                  </div>
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves without path to repository config file renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  class="notice"
-                >
-                  <div
-                    class="flex-grow text-center"
-                  >
-                    Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CONFIG was not present in \`$ helm env\`.
-                  </div>
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when getting configuration rejects renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  class="notice"
-                >
-                  <div
-                    class="flex-grow text-center"
-                  >
-                    Error getting Helm configuration: some-error
-                  </div>
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/helm-charts/__snapshots__/navigation-to-helm-charts.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/navigation-to-helm-charts.test.ts.snap
deleted file mode 100644
index 27fc9c463b..0000000000
--- a/src/behaviours/helm-charts/__snapshots__/navigation-to-helm-charts.test.ts.snap
+++ /dev/null
@@ -1,453 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`helm-charts - navigation to Helm charts when navigating to Helm charts renders 1`] = `
-<div>
-  <div
-    class="flex flex-col"
-    data-testid="cluster-sidebar"
-  >
-    <div
-      class="SidebarCluster"
-    >
-      <div
-        class="Avatar rounded loadingAvatar"
-        style="width: 40px; height: 40px;"
-      >
-        ??
-      </div>
-      <div
-        class="loadingClusterName"
-      />
-    </div>
-    <div
-      class="sidebarNav sidebar-active-status"
-    >
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-workloads"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-workloads"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Workloads
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-config"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-config"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="list"
-            >
-              list
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Config
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-network"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-network"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="device_hub"
-            >
-              device_hub
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Network
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-storage"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-storage"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="storage"
-            >
-              storage
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Storage
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="true"
-        data-testid="sidebar-item-helm"
-      >
-        <a
-          aria-current="page"
-          class="nav-item flex gaps align-center expandable active"
-          data-testid="sidebar-item-link-for-helm"
-          href="/"
-        >
-          <i
-            class="Icon svg focusable"
-          >
-            <span
-              class="icon"
-            />
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Helm
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-user-management"
-      >
-        <a
-          class="nav-item flex gaps align-center"
-          data-testid="sidebar-item-link-for-user-management"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="security"
-            >
-              security
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Access Control
-          </span>
-        </a>
-      </div>
-      <div
-        class="SidebarItem"
-        data-is-active-test="false"
-        data-testid="sidebar-item-custom-resources"
-      >
-        <a
-          class="nav-item flex gaps align-center expandable"
-          data-testid="sidebar-item-link-for-custom-resources"
-          href="/"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="extension"
-            >
-              extension
-            </span>
-          </i>
-          <span
-            class="link-text box grow"
-          >
-            Custom Resources
-          </span>
-          <i
-            class="Icon expand-icon box right material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="keyboard_arrow_down"
-            >
-              keyboard_arrow_down
-            </span>
-          </i>
-        </a>
-      </div>
-    </div>
-  </div>
-  <div
-    class="TabLayout"
-    data-testid="tab-layout"
-  >
-    <div
-      class="Tabs center scrollable"
-    >
-      <div
-        class="Tab flex gaps align-center active"
-        data-is-active-test="true"
-        data-testid="tab-link-for-charts"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Charts
-        </div>
-      </div>
-      <div
-        class="Tab flex gaps align-center"
-        data-is-active-test="false"
-        data-testid="tab-link-for-releases"
-        role="tab"
-        tabindex="0"
-      >
-        <div
-          class="label"
-        >
-          Releases
-        </div>
-      </div>
-    </div>
-    <main>
-      <div
-        data-testid="page-for-helm-charts"
-        style="display: none;"
-      />
-      <div
-        class="ItemListLayout flex column HelmCharts"
-      >
-        <div
-          class="header flex gaps align-center"
-        >
-          <div
-            class="Input SearchInput focused"
-          >
-            <label
-              class="input-area flex gaps align-center"
-              id=""
-            >
-              <input
-                class="input box grow"
-                placeholder="Search Helm Charts..."
-                spellcheck="false"
-                value=""
-              />
-              <i
-                class="Icon material focusable small"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="search"
-                >
-                  search
-                </span>
-              </i>
-            </label>
-            <div
-              class="input-info flex gaps"
-            />
-          </div>
-        </div>
-        <div
-          class="items box grow flex column"
-        >
-          <div
-            class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
-          >
-            <div
-              class="TableHead sticky nowrap topLine"
-            >
-              <div
-                class="TableCell icon nowrap"
-              >
-                <div
-                  class="content"
-                />
-              </div>
-              <div
-                class="TableCell name nowrap sorting"
-                id="name"
-              >
-                <div
-                  class="content"
-                >
-                  Name
-                </div>
-                <i
-                  class="Icon sortIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="arrow_drop_down"
-                  >
-                    arrow_drop_down
-                  </span>
-                </i>
-              </div>
-              <div
-                class="TableCell description nowrap"
-                id="description"
-              >
-                <div
-                  class="content"
-                >
-                  Description
-                </div>
-              </div>
-              <div
-                class="TableCell version nowrap"
-                id="version"
-              >
-                <div
-                  class="content"
-                >
-                  Version
-                </div>
-              </div>
-              <div
-                class="TableCell app-version nowrap"
-                id="app-version"
-              >
-                <div
-                  class="content"
-                >
-                  App Version
-                </div>
-              </div>
-              <div
-                class="TableCell repository nowrap sorting"
-                id="repo"
-              >
-                <div
-                  class="content"
-                >
-                  Repository
-                </div>
-                <i
-                  class="Icon sortIcon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="arrow_drop_down"
-                  >
-                    arrow_drop_down
-                  </span>
-                </i>
-              </div>
-              <div
-                class="TableCell menu nowrap"
-              >
-                <div
-                  class="content"
-                >
-                  <i
-                    class="Icon material interactive focusable"
-                    id="menu_actions_17"
-                    tabindex="0"
-                  >
-                    <span
-                      class="icon"
-                      data-icon-name="more_vert"
-                    >
-                      more_vert
-                    </span>
-                  </i>
-                </div>
-              </div>
-            </div>
-            <div
-              class="NoItems flex box grow"
-            >
-              <div
-                class="box center"
-              >
-                Item list is empty
-              </div>
-            </div>
-          </div>
-          <div
-            class="AddRemoveButtons flex gaps"
-          />
-        </div>
-      </div>
-    </main>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap b/src/behaviours/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
deleted file mode 100644
index c913123fe3..0000000000
--- a/src/behaviours/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
+++ /dev/null
@@ -1,1931 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories when active repositories resolve renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-some-active-repository"
-                        >
-                          some-active-repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-some-active-repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories when active repositories resolve when removing repository renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow css-b62m3t-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control css-1s2u09g-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-6j8wv5-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <span
-                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="item flex gaps align-center justify-space-between repo"
-                    >
-                      <div>
-                        <div
-                          class="repoName"
-                          data-testid="helm-repository-some-active-repository"
-                        >
-                          some-active-repository
-                        </div>
-                        <div
-                          class="repoUrl"
-                        >
-                          some-url
-                        </div>
-                      </div>
-                      <i
-                        class="Icon material interactive focusable"
-                        data-testid="remove-helm-repository-some-active-repository"
-                        tabindex="0"
-                        tooltip="Remove"
-                      >
-                        <span
-                          class="icon"
-                          data-icon-name="delete"
-                        >
-                          delete
-                        </span>
-                      </i>
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories when active repositories resolve when removing repository when removing resolves renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="kubernetes-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="kubernetes"
-          >
-            <section
-              id="kubectl"
-            >
-              <h2
-                data-testid="kubernetes-header"
-              >
-                Kubernetes
-              </h2>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Kubectl binary download
-                   
-                </div>
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Download kubectl binaries matching the Kubernetes cluster version
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Download mirror
-                   
-                </div>
-                <div
-                  class="Select theme-lens Select--is-disabled css-3iigni-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-download-mirror-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control Select__control--is-disabled css-1insrsq-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-download-mirror-input-placeholder"
-                      >
-                        Download mirror for kubectl
-                      </div>
-                      <div
-                        class="Select__input-container css-jzldcf-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-download-mirror-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          disabled=""
-                          id="download-mirror-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-109onse-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Directory for binaries
-                   
-                </div>
-                <div
-                  class="Input theme round black disabled"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      disabled=""
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-                <div
-                  class="hint"
-                >
-                  The directory to download binaries into.
-                </div>
-              </section>
-              <section>
-                <div
-                  class="SubTitle"
-                >
-                  Path to kubectl binary
-                   
-                </div>
-                <div
-                  class="Input theme round black"
-                >
-                  <label
-                    class="input-area flex gaps align-center"
-                    id=""
-                  >
-                    <input
-                      class="input box grow"
-                      placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                      spellcheck="false"
-                      value=""
-                    />
-                  </label>
-                  <div
-                    class="input-info flex gaps"
-                  />
-                </div>
-              </section>
-            </section>
-            <hr />
-            <section
-              id="kube-sync"
-            >
-              <h2
-                data-testid="kubernetes-sync-header"
-              >
-                Kubeconfig Syncs
-              </h2>
-              <div
-                class="self-start mb-5"
-              >
-                <button
-                  class="Button PathPicker primary"
-                  type="button"
-                >
-                  Sync Files and Folders
-                </button>
-              </div>
-              <div
-                class="SubTitle pt-5"
-              >
-                Synced Items
-                 
-              </div>
-              <div
-                class="notice mt-3"
-              >
-                <div
-                  class="flex-grow text-center"
-                >
-                  No files and folders have been synced yet
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="helm"
-            >
-              <h2>
-                Helm Charts
-              </h2>
-              <div>
-                <div
-                  data-testid="helm-controls"
-                >
-                  <div
-                    class="flex gaps"
-                  >
-                    <div
-                      class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
-                    >
-                      <span
-                        class="css-1f43avz-a11yText-A11yText"
-                        id="react-select-selection-of-active-public-helm-repository-live-region"
-                      />
-                      <span
-                        aria-atomic="false"
-                        aria-live="polite"
-                        aria-relevant="additions text"
-                        class="css-1f43avz-a11yText-A11yText"
-                      />
-                      <div
-                        class="Select__control Select__control--is-disabled css-1insrsq-control"
-                      >
-                        <div
-                          class="Select__value-container css-319lph-ValueContainer"
-                        >
-                          <div
-                            class="Select__placeholder css-14el2xx-placeholder"
-                            id="react-select-selection-of-active-public-helm-repository-placeholder"
-                          >
-                            Repositories
-                          </div>
-                          <div
-                            class="Select__input-container css-jzldcf-Input"
-                            data-value=""
-                          >
-                            <input
-                              aria-autocomplete="list"
-                              aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                              aria-expanded="false"
-                              aria-haspopup="true"
-                              autocapitalize="none"
-                              autocomplete="off"
-                              autocorrect="off"
-                              class="Select__input"
-                              disabled=""
-                              id="selection-of-active-public-helm-repository"
-                              role="combobox"
-                              spellcheck="false"
-                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                              tabindex="0"
-                              type="text"
-                              value=""
-                            />
-                          </div>
-                        </div>
-                        <div
-                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                        >
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
-                          >
-                            <span
-                              class="css-1xtdfmb-LoadingDot"
-                            />
-                            <span
-                              class="css-zoievk-LoadingDot"
-                            />
-                            <span
-                              class="css-x748d8-LoadingDot"
-                            />
-                          </div>
-                          <span
-                            class="Select__indicator-separator css-109onse-indicatorSeparator"
-                          />
-                          <div
-                            aria-hidden="true"
-                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                          >
-                            <svg
-                              aria-hidden="true"
-                              class="css-tj5bde-Svg"
-                              focusable="false"
-                              height="20"
-                              viewBox="0 0 20 20"
-                              width="20"
-                            >
-                              <path
-                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                              />
-                            </svg>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                    <button
-                      class="Button primary"
-                      data-testid="add-custom-helm-repo-button"
-                      type="button"
-                    >
-                      Add Custom Helm Repo
-                    </button>
-                  </div>
-                  <div
-                    class="repos"
-                  >
-                    <div
-                      class="pt-5 relative"
-                    >
-                      <div
-                        class="Spinner singleColor center"
-                        data-testid="helm-repositories-are-loading"
-                      />
-                    </div>
-                  </div>
-                  <div />
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/helm-charts/navigation-to-helm-charts.test.ts b/src/behaviours/helm-charts/navigation-to-helm-charts.test.ts
deleted file mode 100644
index c539db173a..0000000000
--- a/src/behaviours/helm-charts/navigation-to-helm-charts.test.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import type { RenderResult } from "@testing-library/react";
-import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-
-describe("helm-charts - navigation to Helm charts", () => {
-  let applicationBuilder: ApplicationBuilder;
-
-  beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
-  });
-
-  describe("when navigating to Helm charts", () => {
-    let rendered: RenderResult;
-
-    beforeEach(async () => {
-      applicationBuilder.setEnvironmentToClusterFrame();
-
-      rendered = await applicationBuilder.render();
-
-      applicationBuilder.helmCharts.navigate();
-    });
-
-    it("renders", () => {
-      expect(rendered.container).toMatchSnapshot();
-    });
-
-    it("shows page for Helm charts", () => {
-      const page = rendered.getByTestId("page-for-helm-charts");
-
-      expect(page).not.toBeNull();
-    });
-  });
-});
diff --git a/src/behaviours/pod-logs/__snapshots__/download-logs.test.tsx.snap b/src/behaviours/pod-logs/__snapshots__/download-logs.test.tsx.snap
new file mode 100644
index 0000000000..7fda6db615
--- /dev/null
+++ b/src/behaviours/pod-logs/__snapshots__/download-logs.test.tsx.snap
@@ -0,0 +1,851 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`download logs options in pod logs dock tab when opening pod logs renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-log-tab-some-irrelevant-random-id"
+                  id="tab-log-tab-some-irrelevant-random-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="subject"
+                    >
+                      subject
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Pod dockerExporter
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content pod-logs"
+            data-testid="dock-tab-content-for-log-tab-some-irrelevant-random-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="PodLogs flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="flex gaps"
+                  >
+                    <div
+                      class="LogResourceSelector flex gaps align-center"
+                    >
+                      <span>
+                        Namespace
+                      </span>
+                       
+                      <div
+                        class="badge"
+                        data-testid="namespace-badge"
+                      >
+                        default
+                      </div>
+                      <span>
+                        Pod
+                      </span>
+                      <div
+                        class="Select theme-dark pod-selector css-b62m3t-container"
+                      >
+                        <span
+                          class="css-1f43avz-a11yText-A11yText"
+                          id="react-select-2-live-region"
+                        />
+                        <span
+                          aria-atomic="false"
+                          aria-live="polite"
+                          aria-relevant="additions text"
+                          class="css-1f43avz-a11yText-A11yText"
+                        />
+                        <div
+                          class="Select__control css-1s2u09g-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-qc6sy-singleValue"
+                            >
+                              dockerExporter
+                            </div>
+                            <div
+                              class="Select__input-container css-6j8wv5-Input"
+                              data-value=""
+                            >
+                              <input
+                                aria-autocomplete="list"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                autocapitalize="none"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="Select__input"
+                                id="react-select-2-input"
+                                role="combobox"
+                                spellcheck="false"
+                                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                tabindex="0"
+                                type="text"
+                                value=""
+                              />
+                            </div>
+                          </div>
+                          <div
+                            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <span>
+                        Container
+                      </span>
+                      <div
+                        class="Select theme-dark container-selector css-b62m3t-container"
+                      >
+                        <span
+                          class="css-1f43avz-a11yText-A11yText"
+                          id="react-select-container-selector-input-live-region"
+                        />
+                        <span
+                          aria-atomic="false"
+                          aria-live="polite"
+                          aria-relevant="additions text"
+                          class="css-1f43avz-a11yText-A11yText"
+                        />
+                        <div
+                          class="Select__control css-1s2u09g-control"
+                        >
+                          <div
+                            class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                          >
+                            <div
+                              class="Select__single-value css-qc6sy-singleValue"
+                            >
+                              docker-exporter
+                            </div>
+                            <div
+                              class="Select__input-container css-6j8wv5-Input"
+                              data-value=""
+                            >
+                              <input
+                                aria-autocomplete="list"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                autocapitalize="none"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="Select__input"
+                                id="container-selector-input"
+                                role="combobox"
+                                spellcheck="false"
+                                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                tabindex="0"
+                                type="text"
+                                value=""
+                              />
+                            </div>
+                          </div>
+                          <div
+                            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="LogSearch flex box grow justify-flex-end gaps align-center"
+                    >
+                      <div
+                        class="Input SearchInput focused"
+                      >
+                        <label
+                          class="input-area flex gaps align-center"
+                          id=""
+                        >
+                          <input
+                            class="input box grow"
+                            placeholder="Search..."
+                            spellcheck="false"
+                            value=""
+                          />
+                          <i
+                            class="Icon material focusable small"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="search"
+                            >
+                              search
+                            </span>
+                          </i>
+                        </label>
+                        <div
+                          class="input-info flex gaps"
+                        />
+                      </div>
+                      <i
+                        class="Icon material interactive disabled focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="keyboard_arrow_up"
+                        >
+                          keyboard_arrow_up
+                        </span>
+                      </i>
+                      <div>
+                        Previous
+                      </div>
+                      <i
+                        class="Icon material interactive disabled focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="keyboard_arrow_down"
+                        >
+                          keyboard_arrow_down
+                        </span>
+                      </i>
+                      <div>
+                        Next
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="LogList flex"
+              >
+                <div
+                  class="VirtualList box grow"
+                >
+                  <div>
+                    <div
+                      class="list"
+                      style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                    >
+                      <div
+                        style="height: 18px; width: 100%;"
+                      >
+                        <div
+                          class="LogRow"
+                          style="position: absolute; left: 0px; top: 0px; height: 18px; width: 100%;"
+                        >
+                          <span>
+                            some-logs
+                          </span>
+                          <br />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="controls"
+                data-testid="log-controls"
+              >
+                <div>
+                  <span>
+                    Logs from
+                     
+                    <b>
+                      Invalid Date
+                    </b>
+                  </span>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <label
+                    class="Checkbox flex align-center show-timestamps"
+                  >
+                    <input
+                      type="checkbox"
+                    />
+                    <i
+                      class="box flex align-center"
+                    />
+                    <span
+                      class="label"
+                    >
+                      Show timestamps
+                    </span>
+                  </label>
+                  <label
+                    class="Checkbox flex align-center show-previous checked"
+                  >
+                    <input
+                      checked=""
+                      type="checkbox"
+                    />
+                    <i
+                      class="box flex align-center"
+                    />
+                    <span
+                      class="label"
+                    >
+                      Show previous terminated container
+                    </span>
+                  </label>
+                  <div>
+                    <div
+                      id="download-logs-dropdown"
+                    >
+                      <button
+                        class="dropdown"
+                        data-testid="download-logs-dropdown"
+                      >
+                        Download
+                        <i
+                          class="Icon material focusable smallest"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="arrow_drop_down"
+                          >
+                            arrow_drop_down
+                          </span>
+                        </i>
+                      </button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/behaviours/pod-logs/download-logs.test.tsx b/src/behaviours/pod-logs/download-logs.test.tsx
new file mode 100644
index 0000000000..824428ee89
--- /dev/null
+++ b/src/behaviours/pod-logs/download-logs.test.tsx
@@ -0,0 +1,263 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RenderResult } from "@testing-library/react";
+import { act, waitFor } from "@testing-library/react";
+import getPodByIdInjectable from "../../renderer/components/+workloads-pods/get-pod-by-id.injectable";
+import getPodsByOwnerIdInjectable from "../../renderer/components/+workloads-pods/get-pods-by-owner-id.injectable";
+import openSaveFileDialogInjectable from "../../renderer/utils/save-file.injectable";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import dockStoreInjectable from "../../renderer/components/dock/dock/store.injectable";
+import areLogsPresentInjectable from "../../renderer/components/dock/logs/are-logs-present.injectable";
+import type { CallForLogs } from "../../renderer/components/dock/logs/call-for-logs.injectable";
+import callForLogsInjectable from "../../renderer/components/dock/logs/call-for-logs.injectable";
+import createPodLogsTabInjectable from "../../renderer/components/dock/logs/create-pod-logs-tab.injectable";
+import getLogTabDataInjectable from "../../renderer/components/dock/logs/get-log-tab-data.injectable";
+import getLogsWithoutTimestampsInjectable from "../../renderer/components/dock/logs/get-logs-without-timestamps.injectable";
+import getLogsInjectable from "../../renderer/components/dock/logs/get-logs.injectable";
+import getRandomIdForPodLogsTabInjectable from "../../renderer/components/dock/logs/get-random-id-for-pod-logs-tab.injectable";
+import getTimestampSplitLogsInjectable from "../../renderer/components/dock/logs/get-timestamp-split-logs.injectable";
+import loadLogsInjectable from "../../renderer/components/dock/logs/load-logs.injectable";
+import reloadLogsInjectable from "../../renderer/components/dock/logs/reload-logs.injectable";
+import setLogTabDataInjectable from "../../renderer/components/dock/logs/set-log-tab-data.injectable";
+import stopLoadingLogsInjectable from "../../renderer/components/dock/logs/stop-loading-logs.injectable";
+import { dockerPod } from "../../renderer/components/dock/logs/__test__/pod.mock";
+
+describe("download logs options in pod logs dock tab", () => {
+  let rendered: RenderResult;
+  let builder: ApplicationBuilder;
+  let openSaveFileDialogMock: jest.MockedFunction<() => void>;
+  let callForLogsMock: jest.MockedFunction<CallForLogs>;
+  const logs = new Map([["timestamp", "some-logs"]]);
+
+  beforeEach(() => {
+    const selectedPod = dockerPod;
+
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForLogsMock = jest.fn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(callForLogsInjectable, () => callForLogsMock);
+
+      // Overriding internals of logsViewModelInjectable
+      windowDi.override(getLogsInjectable, () => () => ["some-logs"]);
+      windowDi.override(getLogsWithoutTimestampsInjectable, () => () => ["some-logs"]);
+      windowDi.override(getTimestampSplitLogsInjectable, () => () => [...logs]);
+      windowDi.override(reloadLogsInjectable, () => jest.fn());
+      windowDi.override(getLogTabDataInjectable, () => () => ({
+        selectedPodId: selectedPod.getId(),
+        selectedContainer: selectedPod.getContainers()[0].name,
+        namespace: "default",
+        showPrevious: true,
+        showTimestamps: false,
+      }));
+      windowDi.override(setLogTabDataInjectable, () => jest.fn());
+      windowDi.override(loadLogsInjectable, () => jest.fn());
+      windowDi.override(stopLoadingLogsInjectable, () => jest.fn());
+      windowDi.override(areLogsPresentInjectable, () => jest.fn());
+      windowDi.override(getPodByIdInjectable, () => (id) => {
+        if (id === selectedPod.getId()) {
+          return selectedPod;
+        }
+
+        return undefined;
+      });
+      windowDi.override(getPodsByOwnerIdInjectable, () => jest.fn());
+
+      windowDi.override(getRandomIdForPodLogsTabInjectable, () => jest.fn(() => "some-irrelevant-random-id"));
+
+      openSaveFileDialogMock = jest.fn();
+      windowDi.override(openSaveFileDialogInjectable, () => openSaveFileDialogMock);
+    });
+  });
+
+  describe("when opening pod logs", () => {
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      const windowDi = builder.applicationWindow.only.di;
+      const pod = dockerPod;
+      const createLogsTab = windowDi.inject(createPodLogsTabInjectable);
+      const container = {
+        name: "docker-exporter",
+        image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
+        imagePullPolicy: "pull",
+      };
+
+      const dockStore = windowDi.inject(dockStoreInjectable);
+
+      dockStore.closeTab("terminal");
+
+      createLogsTab({
+        selectedPod: pod,
+        selectedContainer: container,
+      });
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("contains download dropdown button", () =>  {
+      expect(rendered.getByTestId("download-logs-dropdown")).toBeInTheDocument();
+    });
+
+    describe("when clicking on button", () => {
+      beforeEach(() => {
+        const button = rendered.getByTestId("download-logs-dropdown");
+
+        act(() => button.click());
+      });
+
+      it("shows download visible logs menu item", () => {
+        expect(rendered.getByTestId("download-visible-logs")).toBeInTheDocument();
+      });
+
+      it("shows download all logs menu item", () => {
+        expect(rendered.getByTestId("download-all-logs")).toBeInTheDocument();
+      });
+
+      describe("when call for logs resolves with logs", () => {
+        beforeEach(() => {
+          callForLogsMock.mockResolvedValue("all-logs");
+        });
+
+        describe("when selected 'download visible logs'", () => {
+          beforeEach(() => {
+            const button = rendered.getByTestId("download-visible-logs");
+
+            button.click();
+          });
+
+          it("shows save dialog with proper attributes", () => {
+            expect(openSaveFileDialogMock).toHaveBeenCalledWith("dockerExporter.log", "some-logs", "text/plain");
+          });
+        });
+
+        describe("when selected 'download all logs'", () => {
+          beforeEach(async () => {
+            await act(async () => {
+              const button = rendered.getByTestId("download-all-logs");
+
+              button.click();
+            });
+          });
+
+          it("logs have been called with query", () => {
+            expect(callForLogsMock).toHaveBeenCalledWith(
+              { name: "dockerExporter", namespace: "default" },
+              { "previous": true, "timestamps": false },
+            );
+          });
+
+          it("shows save dialog with proper attributes", async () => {
+            expect(openSaveFileDialogMock).toHaveBeenCalledWith("dockerExporter.log", "all-logs", "text/plain");
+          });
+
+          it("doesn't block download dropdown for interaction after click", async () => {
+            expect(rendered.getByTestId("download-logs-dropdown")).not.toHaveAttribute("disabled");
+          });
+        });
+
+        describe("blocking user interaction after menu item click", () => {
+          it("block download dropdown for interaction when selected 'download all logs'", async () => {
+            const downloadMenuItem = rendered.getByTestId("download-all-logs");
+
+            act(() => downloadMenuItem.click());
+
+            await waitFor(() => {
+              expect(rendered.getByTestId("download-logs-dropdown")).toHaveAttribute("disabled");
+            });
+          });
+
+          it("doesn't block dropdown for interaction when selected 'download visible logs'", () => {
+            const downloadMenuItem = rendered.getByTestId("download-visible-logs");
+
+            act(() => downloadMenuItem.click());
+
+            expect(rendered.getByTestId("download-logs-dropdown")).not.toHaveAttribute("disabled");
+          });
+        });
+      });
+
+      describe("when call for logs resolves with no logs", () => {
+        beforeEach(() => {
+          callForLogsMock.mockResolvedValue("");
+        });
+
+        describe("when selected 'download visible logs'", () => {
+          beforeEach(() => {
+            const button = rendered.getByTestId("download-visible-logs");
+
+            button.click();
+          });
+
+          it("shows save dialog with proper attributes", () => {
+            expect(openSaveFileDialogMock).toHaveBeenCalledWith("dockerExporter.log", "some-logs", "text/plain");
+          });
+        });
+
+        describe("when selected 'download all logs'", () => {
+          beforeEach(async () => {
+            await act(async () => {
+              const button = rendered.getByTestId("download-all-logs");
+
+              button.click();
+            });
+          });
+
+          it("doesn't show save dialog", async () => {
+            expect(openSaveFileDialogMock).not.toHaveBeenCalled();
+          });
+        });
+      });
+
+      describe("when call for logs rejects", () => {
+        beforeEach(() => {
+          callForLogsMock.mockRejectedValue("error");
+        });
+
+        describe("when selected 'download visible logs'", () => {
+          beforeEach(async () => {
+            await act(async () => {
+              const button = rendered.getByTestId("download-visible-logs");
+
+              button.click();
+            });
+          });
+
+          it("shows save dialog with proper attributes", () => {
+            expect(openSaveFileDialogMock).toHaveBeenCalledWith("dockerExporter.log", "some-logs", "text/plain");
+          });
+        });
+
+        describe("when selected 'download all logs'", () => {
+          beforeEach(async () => {
+            await act(async () => {
+              const button = rendered.getByTestId("download-all-logs");
+
+              button.click();
+            });
+          });
+
+          it("logs have been called", () => {
+            expect(callForLogsMock).toHaveBeenCalledWith(
+              { name: "dockerExporter", namespace: "default" },
+              { "previous": true, "timestamps": false },
+            );
+          });
+
+          it("doesn't show save dialog", async () => {
+            expect(openSaveFileDialogMock).not.toHaveBeenCalled();
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/src/behaviours/preferences/__snapshots__/closing-preferences.test.tsx.snap b/src/behaviours/preferences/__snapshots__/closing-preferences.test.tsx.snap
deleted file mode 100644
index 13c0967f4d..0000000000
--- a/src/behaviours/preferences/__snapshots__/closing-preferences.test.tsx.snap
+++ /dev/null
@@ -1,1765 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - closing-preferences given accessing preferences directly renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-some-test-preference-navigation-item-id"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Some preference navigation item
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given accessing preferences directly when navigating to a tab in preferences renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-some-test-preference-navigation-item-id"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Some preference navigation item
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        Some test page
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given accessing preferences directly when navigating to a tab in preferences when preferences are closed renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    Some front page
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given accessing preferences directly when preferences are closed renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div>
-    Some front page
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given already in a page and then navigated to preferences renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-some-test-preference-navigation-item-id"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Some preference navigation item
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given already in a page and then navigated to preferences when navigating to a tab in preferences renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-some-test-preference-navigation-item-id"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Some preference navigation item
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        Some test page
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given already in a page and then navigated to preferences when navigating to a tab in preferences when preferences are closed renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-some-test-preference-navigation-item-id"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Some preference navigation item
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        Some test page
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - closing-preferences given already in a page and then navigated to preferences when preferences are closed renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-some-test-preference-navigation-item-id"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Some preference navigation item
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        Some test page
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
deleted file mode 100644
index 44dd4be6ca..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
+++ /dev/null
@@ -1,755 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to application preferences given in some child page of preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="proxy-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="proxy"
-        >
-          <section>
-            <h2
-              data-testid="proxy-header"
-            >
-              Proxy
-            </h2>
-            <div
-              class="SubTitle"
-            >
-              HTTP Proxy
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)"
-                  spellcheck="false"
-                  value=""
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-            <small
-              class="hint"
-            >
-              Proxy is used only for non-cluster communication.
-            </small>
-          </section>
-          <hr
-            class="small"
-          />
-          <section
-            class="small"
-          >
-            <div
-              class="SubTitle"
-            >
-              Certificate Trust
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Allow untrusted Certificate Authorities
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-            <small
-              class="hint"
-            >
-              This will make Lens to trust ANY certificate authority without any validations.
-               
-              Needed with some corporate proxies that do certificate re-writing.
-               
-              Does not affect cluster communications!
-            </small>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to application preferences given in some child page of preferences, when rendered when navigating to application preferences using navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
deleted file mode 100644
index c36139e3a7..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
+++ /dev/null
@@ -1,963 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to editor preferences given in preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to editor preferences given in preferences, when rendered when navigating to editor preferences using navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="editor-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="editor"
-        >
-          <h2
-            data-testid="editor-configuration-header"
-          >
-            Editor configuration
-          </h2>
-          <div
-            class="SubTitle"
-          >
-            Minimap
-             
-          </div>
-          <section>
-            <div
-              class="flex gaps justify-space-between"
-            >
-              <div
-                class="flex gaps align-center"
-              >
-                <label
-                  class="Switch"
-                  data-testid="switch"
-                >
-                  Show minimap
-                  <input
-                    role="switch"
-                    type="checkbox"
-                  />
-                </label>
-              </div>
-              <div
-                class="flex gaps align-center"
-              >
-                <div
-                  class="SubHeader compact"
-                >
-                  Position
-                </div>
-                <div
-                  class="Select theme-lens css-b62m3t-container"
-                >
-                  <span
-                    class="css-1f43avz-a11yText-A11yText"
-                    id="react-select-minimap-input-live-region"
-                  />
-                  <span
-                    aria-atomic="false"
-                    aria-live="polite"
-                    aria-relevant="additions text"
-                    class="css-1f43avz-a11yText-A11yText"
-                  />
-                  <div
-                    class="Select__control css-1s2u09g-control"
-                  >
-                    <div
-                      class="Select__value-container css-319lph-ValueContainer"
-                    >
-                      <div
-                        class="Select__placeholder css-14el2xx-placeholder"
-                        id="react-select-minimap-input-placeholder"
-                      >
-                        Select...
-                      </div>
-                      <div
-                        class="Select__input-container css-6j8wv5-Input"
-                        data-value=""
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-describedby="react-select-minimap-input-placeholder"
-                          aria-expanded="false"
-                          aria-haspopup="true"
-                          autocapitalize="none"
-                          autocomplete="off"
-                          autocorrect="off"
-                          class="Select__input"
-                          id="minimap-input"
-                          role="combobox"
-                          spellcheck="false"
-                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                          tabindex="0"
-                          type="text"
-                          value=""
-                        />
-                      </div>
-                    </div>
-                    <div
-                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                    >
-                      <span
-                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                      />
-                      <div
-                        aria-hidden="true"
-                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          class="css-tj5bde-Svg"
-                          focusable="false"
-                          height="20"
-                          viewBox="0 0 20 20"
-                          width="20"
-                        >
-                          <path
-                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                          />
-                        </svg>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section>
-            <div
-              class="SubTitle"
-            >
-              Line numbers
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-editor-line-numbers-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-editor-line-numbers-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-editor-line-numbers-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="editor-line-numbers-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section>
-            <div
-              class="SubTitle"
-            >
-              Tab size
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  min="1"
-                  spellcheck="false"
-                  type="number"
-                  value="42"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <section>
-            <div
-              class="SubTitle"
-            >
-              Font size
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  min="10"
-                  spellcheck="false"
-                  type="number"
-                  value="42"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <section>
-            <div
-              class="SubTitle"
-            >
-              Font family
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  spellcheck="false"
-                  type="text"
-                  value=""
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap b/src/behaviours/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
deleted file mode 100644
index 79787b5d8d..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
+++ /dev/null
@@ -1,2693 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extension with registered tab shows extension tab in general area 1`] = `
-<div
-  class="Tab flex gaps align-center"
-  data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
-  role="tab"
-  tabindex="0"
->
-  <div
-    class="label"
-  >
-    Metrics tab
-  </div>
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extension with registered tab when navigating to specific extension tab renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            registered-tab-page-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-metrics-preference-item-id"
-            id="metrics-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              License item
-               
-            </div>
-            <div
-              data-testid="metrics-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="metrics-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extensions with tabs having same id when navigating to first extension tab renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            registered-tab-page-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-metrics-preference-item-id"
-            id="metrics-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              License item
-               
-            </div>
-            <div
-              data-testid="metrics-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="metrics-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extensions with tabs having same id when navigating to second extension tab renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            duplicated-tab-page-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-another-metrics-preference-item-id"
-            id="another-metrics-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              Another metrics
-               
-            </div>
-            <div
-              data-testid="another-metrics-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="another-metrics-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given multiple extensions with specific preferences, when navigating to extension specific preferences page renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            data-testid="extension-settings"
-          >
-            <hr />
-            <div
-              class="header flex items-center"
-            >
-              <i
-                class="Icon mr-3 material focusable smallest"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-               
-              Extensions
-            </div>
-            <div>
-              <div
-                class="Tab flex gaps align-center active"
-                data-testid="tab-link-for-extension-some-test-extension-id"
-                role="tab"
-                tabindex="0"
-              >
-                <div
-                  class="label"
-                >
-                  some-test-extension-id
-                </div>
-              </div>
-              <div
-                class="Tab flex gaps align-center"
-                data-testid="tab-link-for-extension-some-other-test-extension-id"
-                role="tab"
-                tabindex="0"
-              >
-                <div
-                  class="label"
-                >
-                  some-other-test-extension-id
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            some-test-extension-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-some-preference-item-id"
-            id="some-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              Some preference item
-               
-            </div>
-            <div
-              data-testid="some-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="some-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered when extension with specific preferences is enabled renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            data-testid="extension-settings"
-          >
-            <hr />
-            <div
-              class="header flex items-center"
-            >
-              <i
-                class="Icon mr-3 material focusable smallest"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-               
-              Extensions
-            </div>
-            <div>
-              <div
-                class="Tab flex gaps align-center"
-                data-testid="tab-link-for-extension-some-test-extension-id"
-                role="tab"
-                tabindex="0"
-              >
-                <div
-                  class="label"
-                >
-                  some-test-extension-id
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered when extension with specific preferences is enabled when navigating to extension preferences using navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            data-testid="extension-settings"
-          >
-            <hr />
-            <div
-              class="header flex items-center"
-            >
-              <i
-                class="Icon mr-3 material focusable smallest"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="extension"
-                >
-                  extension
-                </span>
-              </i>
-               
-              Extensions
-            </div>
-            <div>
-              <div
-                class="Tab flex gaps align-center active"
-                data-testid="tab-link-for-extension-some-test-extension-id"
-                role="tab"
-                tabindex="0"
-              >
-                <div
-                  class="label"
-                >
-                  some-test-extension-id
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            some-test-extension-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-some-preference-item-id"
-            id="some-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              Some preference item
-               
-            </div>
-            <div
-              data-testid="some-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="some-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences given in preferences, when rendered when extension with specific preferences is enabled when navigating to extension preferences using navigation when extension is disabled renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="extension-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="extensions"
-          >
-            <h2>
-               
-              preferences
-            </h2>
-            <div
-              class="flex items-center"
-              data-testid="error-for-extension-not-being-present"
-            >
-              No extension found
-            </div>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`preferences - navigation to extension specific preferences when navigating to extension specific tab renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            duplicated-tab-page-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-another-metrics-preference-item-id"
-            id="another-metrics-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              Another metrics
-               
-            </div>
-            <div
-              data-testid="another-metrics-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="another-metrics-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to extension specific preferences when navigating to someone else extension specific tab renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="extension-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Metrics tab
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="extensions"
-        >
-          <h2>
-            extension-using-someone-else-tab-id
-             
-            preferences
-          </h2>
-          <section
-            class="small"
-            data-testid="extension-preference-item-for-my-preferences-item-id"
-            id="my-preferences-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              My preferences
-               
-            </div>
-            <div
-              data-testid="my-preferences-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="my-preferences-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
deleted file mode 100644
index 2c169f3a13..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
+++ /dev/null
@@ -1,993 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to kubernetes preferences given in preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to kubernetes preferences given in preferences, when rendered when navigating to kubernetes preferences using navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="kubernetes-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="kubernetes"
-        >
-          <section
-            id="kubectl"
-          >
-            <h2
-              data-testid="kubernetes-header"
-            >
-              Kubernetes
-            </h2>
-            <section>
-              <div
-                class="SubTitle"
-              >
-                Kubectl binary download
-                 
-              </div>
-              <label
-                class="Switch"
-                data-testid="switch"
-              >
-                Download kubectl binaries matching the Kubernetes cluster version
-                <input
-                  role="switch"
-                  type="checkbox"
-                />
-              </label>
-            </section>
-            <section>
-              <div
-                class="SubTitle"
-              >
-                Download mirror
-                 
-              </div>
-              <div
-                class="Select theme-lens Select--is-disabled css-3iigni-container"
-              >
-                <span
-                  class="css-1f43avz-a11yText-A11yText"
-                  id="react-select-download-mirror-input-live-region"
-                />
-                <span
-                  aria-atomic="false"
-                  aria-live="polite"
-                  aria-relevant="additions text"
-                  class="css-1f43avz-a11yText-A11yText"
-                />
-                <div
-                  class="Select__control Select__control--is-disabled css-1insrsq-control"
-                >
-                  <div
-                    class="Select__value-container css-319lph-ValueContainer"
-                  >
-                    <div
-                      class="Select__placeholder css-14el2xx-placeholder"
-                      id="react-select-download-mirror-input-placeholder"
-                    >
-                      Download mirror for kubectl
-                    </div>
-                    <div
-                      class="Select__input-container css-jzldcf-Input"
-                      data-value=""
-                    >
-                      <input
-                        aria-autocomplete="list"
-                        aria-describedby="react-select-download-mirror-input-placeholder"
-                        aria-expanded="false"
-                        aria-haspopup="true"
-                        autocapitalize="none"
-                        autocomplete="off"
-                        autocorrect="off"
-                        class="Select__input"
-                        disabled=""
-                        id="download-mirror-input"
-                        role="combobox"
-                        spellcheck="false"
-                        style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                        tabindex="0"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="Select__indicator-separator css-109onse-indicatorSeparator"
-                    />
-                    <div
-                      aria-hidden="true"
-                      class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="css-tj5bde-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                      >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-            <section>
-              <div
-                class="SubTitle"
-              >
-                Directory for binaries
-                 
-              </div>
-              <div
-                class="Input theme round black disabled"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    disabled=""
-                    placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
-                    spellcheck="false"
-                    value=""
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-              <div
-                class="hint"
-              >
-                The directory to download binaries into.
-              </div>
-            </section>
-            <section>
-              <div
-                class="SubTitle"
-              >
-                Path to kubectl binary
-                 
-              </div>
-              <div
-                class="Input theme round black"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
-                    spellcheck="false"
-                    value=""
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-            </section>
-          </section>
-          <hr />
-          <section
-            id="kube-sync"
-          >
-            <h2
-              data-testid="kubernetes-sync-header"
-            >
-              Kubeconfig Syncs
-            </h2>
-            <div
-              class="self-start mb-5"
-            >
-              <button
-                class="Button PathPicker primary"
-                type="button"
-              >
-                Sync Files and Folders
-              </button>
-            </div>
-            <div
-              class="SubTitle pt-5"
-            >
-              Synced Items
-               
-            </div>
-            <div
-              class="notice mt-3"
-            >
-              <div
-                class="flex-grow text-center"
-              >
-                No files and folders have been synced yet
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="helm"
-          >
-            <h2>
-              Helm Charts
-            </h2>
-            <div>
-              <div
-                data-testid="helm-controls"
-              >
-                <div
-                  class="flex gaps"
-                >
-                  <div
-                    class="Select theme-lens box grow css-b62m3t-container"
-                  >
-                    <span
-                      class="css-1f43avz-a11yText-A11yText"
-                      id="react-select-selection-of-active-public-helm-repository-live-region"
-                    />
-                    <span
-                      aria-atomic="false"
-                      aria-live="polite"
-                      aria-relevant="additions text"
-                      class="css-1f43avz-a11yText-A11yText"
-                    />
-                    <div
-                      class="Select__control css-1s2u09g-control"
-                    >
-                      <div
-                        class="Select__value-container css-319lph-ValueContainer"
-                      >
-                        <div
-                          class="Select__placeholder css-14el2xx-placeholder"
-                          id="react-select-selection-of-active-public-helm-repository-placeholder"
-                        >
-                          Repositories
-                        </div>
-                        <div
-                          class="Select__input-container css-6j8wv5-Input"
-                          data-value=""
-                        >
-                          <input
-                            aria-autocomplete="list"
-                            aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
-                            aria-expanded="false"
-                            aria-haspopup="true"
-                            autocapitalize="none"
-                            autocomplete="off"
-                            autocorrect="off"
-                            class="Select__input"
-                            id="selection-of-active-public-helm-repository"
-                            role="combobox"
-                            spellcheck="false"
-                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                            tabindex="0"
-                            type="text"
-                            value=""
-                          />
-                        </div>
-                      </div>
-                      <div
-                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                      >
-                        <span
-                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                        />
-                        <div
-                          aria-hidden="true"
-                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="css-tj5bde-Svg"
-                            focusable="false"
-                            height="20"
-                            viewBox="0 0 20 20"
-                            width="20"
-                          >
-                            <path
-                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                            />
-                          </svg>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <button
-                    class="Button primary"
-                    data-testid="add-custom-helm-repo-button"
-                    type="button"
-                  >
-                    Add Custom Helm Repo
-                  </button>
-                </div>
-                <div
-                  class="repos"
-                />
-                <div />
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
deleted file mode 100644
index d89450a19d..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
+++ /dev/null
@@ -1,755 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to proxy preferences given in preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to proxy preferences given in preferences, when rendered when navigating to proxy preferences using navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="proxy-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="proxy"
-        >
-          <section>
-            <h2
-              data-testid="proxy-header"
-            >
-              Proxy
-            </h2>
-            <div
-              class="SubTitle"
-            >
-              HTTP Proxy
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)"
-                  spellcheck="false"
-                  value=""
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-            <small
-              class="hint"
-            >
-              Proxy is used only for non-cluster communication.
-            </small>
-          </section>
-          <hr
-            class="small"
-          />
-          <section
-            class="small"
-          >
-            <div
-              class="SubTitle"
-            >
-              Certificate Trust
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Allow untrusted Certificate Authorities
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-            <small
-              class="hint"
-            >
-              This will make Lens to trust ANY certificate authority without any validations.
-               
-              Needed with some corporate proxies that do certificate re-writing.
-               
-              Does not affect cluster communications!
-            </small>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap b/src/behaviours/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
deleted file mode 100644
index 9b7cb95ae7..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
+++ /dev/null
@@ -1,1633 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to telemetry preferences given URL for Sentry DNS, when navigating to preferences when navigating to telemetry preferences renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="telemetry-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-telemetry"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Telemetry
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="telemetry"
-        >
-          <h2
-            data-testid="telemetry-header"
-          >
-            Telemetry
-          </h2>
-          <section
-            class="small"
-            data-testid="telemetry-preferences-for-automatic-error-reporting"
-            id="sentry"
-          >
-            <div
-              class="SubTitle"
-            >
-              Automatic Error Reporting
-               
-            </div>
-            <label
-              class="Checkbox flex align-center"
-            >
-              <input
-                type="checkbox"
-              />
-              <i
-                class="box flex align-center"
-              />
-              <span
-                class="label"
-              >
-                Allow automatic error reporting
-              </span>
-            </label>
-            <div
-              class="hint"
-            >
-              <span>
-                Automatic error reports provide vital information about issues and application crashes. It is highly recommended to keep this feature enabled to ensure fast turnaround for issues you might encounter.
-              </span>
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to telemetry preferences given in preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to telemetry preferences given in preferences, when rendered when extension with telemetry preference items gets enabled renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-telemetry"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Telemetry
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to telemetry preferences given in preferences, when rendered when extension with telemetry preference items gets enabled when clicking link to telemetry preferences from navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="telemetry-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-telemetry"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Telemetry
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="telemetry"
-        >
-          <h2
-            data-testid="telemetry-header"
-          >
-            Telemetry
-          </h2>
-          <section
-            class="small"
-            data-testid="telemetry-preference-item-for-some-telemetry-preference-item-id"
-            id="some-telemetry-preference-item-id"
-          >
-            <div
-              class="SubTitle"
-            >
-              Some telemetry-preference item
-               
-            </div>
-            <div
-              data-testid="some-preference-item-input"
-            />
-            <div
-              class="hint"
-            >
-              <div
-                data-testid="some-preference-item-hint"
-              />
-            </div>
-          </section>
-          <hr
-            class="small"
-          />
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to telemetry preferences given no URL for Sentry DNS, when navigating to telemetry preferences renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="telemetry-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="telemetry"
-        >
-          <h2
-            data-testid="telemetry-header"
-          >
-            Telemetry
-          </h2>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
deleted file mode 100644
index 075f780cde..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
+++ /dev/null
@@ -1,930 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation to terminal preferences given in preferences, when rendered renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation to terminal preferences given in preferences, when rendered when navigating to terminal preferences using navigation renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="terminal-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section>
-          <h2>
-            Terminal
-          </h2>
-          <section
-            id="shell"
-          >
-            <div
-              class="SubTitle"
-            >
-              Terminal Shell Path
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  placeholder="some-default-shell"
-                  spellcheck="false"
-                  value=""
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <section
-            id="terminalSelection"
-          >
-            <div
-              class="SubTitle"
-            >
-              Terminal copy & paste
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Copy on select and paste on right-click
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <section
-            id="terminalTheme"
-          >
-            <div
-              class="SubTitle"
-            >
-              Terminal theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-terminal-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-terminal-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-terminal-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="terminal-theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <section>
-            <div
-              class="SubTitle"
-            >
-              Font size
-               
-            </div>
-            <div
-              class="Input theme round black"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  max="50"
-                  min="10"
-                  spellcheck="false"
-                  type="number"
-                  value="42"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <section>
-            <div
-              class="SubTitle"
-            >
-              Font family
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-2-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-2-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-2-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="react-select-2-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
deleted file mode 100644
index 212a225aba..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ /dev/null
@@ -1,558 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`preferences - navigation using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`preferences - navigation using application menu when navigating to preferences using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="SettingLayout showNavigation Preferences"
-    data-testid="application-preferences-page"
-  >
-    <nav
-      class="sidebarRegion"
-    >
-      <div
-        class="sidebar"
-      >
-        <div
-          class="Tabs flex column"
-        >
-          <div
-            class="header"
-          >
-            Preferences
-          </div>
-          <div
-            class="Tab flex gaps align-center active"
-            data-testid="tab-link-for-application"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              App
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-proxy"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Proxy
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-kubernetes"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Kubernetes
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-editor"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Editor
-            </div>
-          </div>
-          <div
-            class="Tab flex gaps align-center"
-            data-testid="tab-link-for-terminal"
-            role="tab"
-            tabindex="0"
-          >
-            <div
-              class="label"
-            >
-              Terminal
-            </div>
-          </div>
-        </div>
-      </div>
-    </nav>
-    <div
-      class="contentRegion"
-      id="ScrollSpyRoot"
-    >
-      <div
-        class="content"
-      >
-        <section
-          id="application"
-        >
-          <h2
-            data-testid="application-header"
-          >
-            Application
-          </h2>
-          <section
-            id="appearance"
-          >
-            <div
-              class="SubTitle"
-            >
-              Theme
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-theme-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-theme-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-theme-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="theme-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="extensionRegistryUrl"
-          >
-            <div
-              class="SubTitle"
-            >
-              Extension Install Registry
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-extension-install-registry-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-extension-install-registry-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-extension-install-registry-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="extension-install-registry-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <p
-              class="mt-4 mb-5 leading-relaxed"
-            >
-              This setting is to change the registry URL for installing extensions by name. 
-              If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-              <b>
-                .npmrc
-              </b>
-               file or in the input below.
-            </p>
-            <div
-              class="Input theme round black disabled invalid"
-            >
-              <label
-                class="input-area flex gaps align-center"
-                id=""
-              >
-                <input
-                  class="input box grow"
-                  disabled=""
-                  placeholder="Custom Extension Registry URL..."
-                  spellcheck="false"
-                  value="some-custom-url"
-                />
-              </label>
-              <div
-                class="input-info flex gaps"
-              />
-            </div>
-          </section>
-          <hr />
-          <section
-            id="other"
-          >
-            <div
-              class="SubTitle"
-            >
-              Start-up
-               
-            </div>
-            <label
-              class="Switch"
-              data-testid="switch"
-            >
-              Automatically start Lens on login
-              <input
-                role="switch"
-                type="checkbox"
-              />
-            </label>
-          </section>
-          <hr />
-          <section
-            id="update-channel"
-          >
-            <div
-              class="SubTitle"
-            >
-              Update Channel
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-update-channel-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__single-value css-qc6sy-singleValue"
-                  >
-                    Stable
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="update-channel-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-          <hr />
-          <section
-            id="locale"
-          >
-            <div
-              class="SubTitle"
-            >
-              Locale Timezone
-               
-            </div>
-            <div
-              class="Select theme-lens css-b62m3t-container"
-            >
-              <span
-                class="css-1f43avz-a11yText-A11yText"
-                id="react-select-timezone-input-live-region"
-              />
-              <span
-                aria-atomic="false"
-                aria-live="polite"
-                aria-relevant="additions text"
-                class="css-1f43avz-a11yText-A11yText"
-              />
-              <div
-                class="Select__control css-1s2u09g-control"
-              >
-                <div
-                  class="Select__value-container css-319lph-ValueContainer"
-                >
-                  <div
-                    class="Select__placeholder css-14el2xx-placeholder"
-                    id="react-select-timezone-input-placeholder"
-                  >
-                    Select...
-                  </div>
-                  <div
-                    class="Select__input-container css-6j8wv5-Input"
-                    data-value=""
-                  >
-                    <input
-                      aria-autocomplete="list"
-                      aria-describedby="react-select-timezone-input-placeholder"
-                      aria-expanded="false"
-                      aria-haspopup="true"
-                      autocapitalize="none"
-                      autocomplete="off"
-                      autocorrect="off"
-                      class="Select__input"
-                      id="timezone-input"
-                      role="combobox"
-                      spellcheck="false"
-                      style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                      tabindex="0"
-                      type="text"
-                      value=""
-                    />
-                  </div>
-                </div>
-                <div
-                  class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                >
-                  <span
-                    class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                  />
-                  <div
-                    aria-hidden="true"
-                    class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="css-tj5bde-Svg"
-                      focusable="false"
-                      height="20"
-                      viewBox="0 0 20 20"
-                      width="20"
-                    >
-                      <path
-                        d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section>
-        </section>
-      </div>
-      <div
-        class="toolsRegion"
-      >
-        <div
-          class="fixed top-[60px]"
-        >
-          <div
-            data-testid="close-preferences"
-          >
-            <div
-              aria-label="Close"
-              class="closeButton"
-              role="button"
-            >
-              <i
-                class="Icon icon material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="close"
-                >
-                  close
-                </span>
-              </i>
-            </div>
-            <div
-              aria-hidden="true"
-              class="esc"
-            >
-              ESC
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/preferences/__snapshots__/navigation-using-tray.test.ts.snap b/src/behaviours/preferences/__snapshots__/navigation-using-tray.test.ts.snap
deleted file mode 100644
index a53948c022..0000000000
--- a/src/behaviours/preferences/__snapshots__/navigation-using-tray.test.ts.snap
+++ /dev/null
@@ -1,562 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`show-about-using-tray renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`show-about-using-tray when navigating using tray renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="SettingLayout showNavigation Preferences"
-      data-testid="application-preferences-page"
-    >
-      <nav
-        class="sidebarRegion"
-      >
-        <div
-          class="sidebar"
-        >
-          <div
-            class="Tabs flex column"
-          >
-            <div
-              class="header"
-            >
-              Preferences
-            </div>
-            <div
-              class="Tab flex gaps align-center active"
-              data-testid="tab-link-for-application"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                App
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-proxy"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Proxy
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-kubernetes"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Kubernetes
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-editor"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Editor
-              </div>
-            </div>
-            <div
-              class="Tab flex gaps align-center"
-              data-testid="tab-link-for-terminal"
-              role="tab"
-              tabindex="0"
-            >
-              <div
-                class="label"
-              >
-                Terminal
-              </div>
-            </div>
-          </div>
-        </div>
-      </nav>
-      <div
-        class="contentRegion"
-        id="ScrollSpyRoot"
-      >
-        <div
-          class="content"
-        >
-          <section
-            id="application"
-          >
-            <h2
-              data-testid="application-header"
-            >
-              Application
-            </h2>
-            <section
-              id="appearance"
-            >
-              <div
-                class="SubTitle"
-              >
-                Theme
-                 
-              </div>
-              <div
-                class="Select theme-lens css-b62m3t-container"
-              >
-                <span
-                  class="css-1f43avz-a11yText-A11yText"
-                  id="react-select-theme-input-live-region"
-                />
-                <span
-                  aria-atomic="false"
-                  aria-live="polite"
-                  aria-relevant="additions text"
-                  class="css-1f43avz-a11yText-A11yText"
-                />
-                <div
-                  class="Select__control css-1s2u09g-control"
-                >
-                  <div
-                    class="Select__value-container css-319lph-ValueContainer"
-                  >
-                    <div
-                      class="Select__placeholder css-14el2xx-placeholder"
-                      id="react-select-theme-input-placeholder"
-                    >
-                      Select...
-                    </div>
-                    <div
-                      class="Select__input-container css-6j8wv5-Input"
-                      data-value=""
-                    >
-                      <input
-                        aria-autocomplete="list"
-                        aria-describedby="react-select-theme-input-placeholder"
-                        aria-expanded="false"
-                        aria-haspopup="true"
-                        autocapitalize="none"
-                        autocomplete="off"
-                        autocorrect="off"
-                        class="Select__input"
-                        id="theme-input"
-                        role="combobox"
-                        spellcheck="false"
-                        style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                        tabindex="0"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
-                    <div
-                      aria-hidden="true"
-                      class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="css-tj5bde-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                      >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="extensionRegistryUrl"
-            >
-              <div
-                class="SubTitle"
-              >
-                Extension Install Registry
-                 
-              </div>
-              <div
-                class="Select theme-lens css-b62m3t-container"
-              >
-                <span
-                  class="css-1f43avz-a11yText-A11yText"
-                  id="react-select-extension-install-registry-input-live-region"
-                />
-                <span
-                  aria-atomic="false"
-                  aria-live="polite"
-                  aria-relevant="additions text"
-                  class="css-1f43avz-a11yText-A11yText"
-                />
-                <div
-                  class="Select__control css-1s2u09g-control"
-                >
-                  <div
-                    class="Select__value-container css-319lph-ValueContainer"
-                  >
-                    <div
-                      class="Select__placeholder css-14el2xx-placeholder"
-                      id="react-select-extension-install-registry-input-placeholder"
-                    >
-                      Select...
-                    </div>
-                    <div
-                      class="Select__input-container css-6j8wv5-Input"
-                      data-value=""
-                    >
-                      <input
-                        aria-autocomplete="list"
-                        aria-describedby="react-select-extension-install-registry-input-placeholder"
-                        aria-expanded="false"
-                        aria-haspopup="true"
-                        autocapitalize="none"
-                        autocomplete="off"
-                        autocorrect="off"
-                        class="Select__input"
-                        id="extension-install-registry-input"
-                        role="combobox"
-                        spellcheck="false"
-                        style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                        tabindex="0"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
-                    <div
-                      aria-hidden="true"
-                      class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="css-tj5bde-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                      >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-              </div>
-              <p
-                class="mt-4 mb-5 leading-relaxed"
-              >
-                This setting is to change the registry URL for installing extensions by name. 
-                If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
-                <b>
-                  .npmrc
-                </b>
-                 file or in the input below.
-              </p>
-              <div
-                class="Input theme round black disabled invalid"
-              >
-                <label
-                  class="input-area flex gaps align-center"
-                  id=""
-                >
-                  <input
-                    class="input box grow"
-                    disabled=""
-                    placeholder="Custom Extension Registry URL..."
-                    spellcheck="false"
-                    value="some-custom-url"
-                  />
-                </label>
-                <div
-                  class="input-info flex gaps"
-                />
-              </div>
-            </section>
-            <hr />
-            <section
-              id="other"
-            >
-              <div
-                class="SubTitle"
-              >
-                Start-up
-                 
-              </div>
-              <label
-                class="Switch"
-                data-testid="switch"
-              >
-                Automatically start Lens on login
-                <input
-                  role="switch"
-                  type="checkbox"
-                />
-              </label>
-            </section>
-            <hr />
-            <section
-              id="update-channel"
-            >
-              <div
-                class="SubTitle"
-              >
-                Update Channel
-                 
-              </div>
-              <div
-                class="Select theme-lens css-b62m3t-container"
-              >
-                <span
-                  class="css-1f43avz-a11yText-A11yText"
-                  id="react-select-update-channel-input-live-region"
-                />
-                <span
-                  aria-atomic="false"
-                  aria-live="polite"
-                  aria-relevant="additions text"
-                  class="css-1f43avz-a11yText-A11yText"
-                />
-                <div
-                  class="Select__control css-1s2u09g-control"
-                >
-                  <div
-                    class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
-                  >
-                    <div
-                      class="Select__single-value css-qc6sy-singleValue"
-                    >
-                      Stable
-                    </div>
-                    <div
-                      class="Select__input-container css-6j8wv5-Input"
-                      data-value=""
-                    >
-                      <input
-                        aria-autocomplete="list"
-                        aria-expanded="false"
-                        aria-haspopup="true"
-                        autocapitalize="none"
-                        autocomplete="off"
-                        autocorrect="off"
-                        class="Select__input"
-                        id="update-channel-input"
-                        role="combobox"
-                        spellcheck="false"
-                        style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                        tabindex="0"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
-                    <div
-                      aria-hidden="true"
-                      class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="css-tj5bde-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                      >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-            <hr />
-            <section
-              id="locale"
-            >
-              <div
-                class="SubTitle"
-              >
-                Locale Timezone
-                 
-              </div>
-              <div
-                class="Select theme-lens css-b62m3t-container"
-              >
-                <span
-                  class="css-1f43avz-a11yText-A11yText"
-                  id="react-select-timezone-input-live-region"
-                />
-                <span
-                  aria-atomic="false"
-                  aria-live="polite"
-                  aria-relevant="additions text"
-                  class="css-1f43avz-a11yText-A11yText"
-                />
-                <div
-                  class="Select__control css-1s2u09g-control"
-                >
-                  <div
-                    class="Select__value-container css-319lph-ValueContainer"
-                  >
-                    <div
-                      class="Select__placeholder css-14el2xx-placeholder"
-                      id="react-select-timezone-input-placeholder"
-                    >
-                      Select...
-                    </div>
-                    <div
-                      class="Select__input-container css-6j8wv5-Input"
-                      data-value=""
-                    >
-                      <input
-                        aria-autocomplete="list"
-                        aria-describedby="react-select-timezone-input-placeholder"
-                        aria-expanded="false"
-                        aria-haspopup="true"
-                        autocapitalize="none"
-                        autocomplete="off"
-                        autocorrect="off"
-                        class="Select__input"
-                        id="timezone-input"
-                        role="combobox"
-                        spellcheck="false"
-                        style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
-                        tabindex="0"
-                        type="text"
-                        value=""
-                      />
-                    </div>
-                  </div>
-                  <div
-                    class="Select__indicators css-1hb7zxy-IndicatorsContainer"
-                  >
-                    <span
-                      class="Select__indicator-separator css-1okebmr-indicatorSeparator"
-                    />
-                    <div
-                      aria-hidden="true"
-                      class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="css-tj5bde-Svg"
-                        focusable="false"
-                        height="20"
-                        viewBox="0 0 20 20"
-                        width="20"
-                      >
-                        <path
-                          d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
-                        />
-                      </svg>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-          </section>
-        </div>
-        <div
-          class="toolsRegion"
-        >
-          <div
-            class="fixed top-[60px]"
-          >
-            <div
-              data-testid="close-preferences"
-            >
-              <div
-                aria-label="Close"
-                class="closeButton"
-                role="button"
-              >
-                <i
-                  class="Icon icon material focusable"
-                >
-                  <span
-                    class="icon"
-                    data-icon-name="close"
-                  >
-                    close
-                  </span>
-                </i>
-              </div>
-              <div
-                aria-hidden="true"
-                class="esc"
-              >
-                ESC
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/behaviours/tray/multiple-separators-originating-from-extension.test.ts b/src/behaviours/tray/multiple-separators-originating-from-extension.test.ts
deleted file mode 100644
index 96b9f18198..0000000000
--- a/src/behaviours/tray/multiple-separators-originating-from-extension.test.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { LensMainExtension } from "../../extensions/lens-main-extension";
-import type { TrayMenuRegistration } from "../../main/tray/tray-menu-registration";
-import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
-
-describe("multiple separators originating from extension", () => {
-  let applicationBuilder: ApplicationBuilder;
-
-  beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
-
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
-      mainDi.unoverride(getRandomIdInjectable);
-      mainDi.permitSideEffects(getRandomIdInjectable);
-    });
-
-    await applicationBuilder.render();
-  });
-
-  it("given extension with multiple separators, when extension is enabled, does not throw", () => {
-    const someExtension = new SomeTestExtension({
-      id: "some-extension-id",
-      trayMenus: [{ type: "separator" }, { type: "separator" } ],
-    });
-
-    expect(() => {
-      applicationBuilder.extensions.main.enable(someExtension);
-    }).not.toThrow();
-  });
-});
-
-class SomeTestExtension extends LensMainExtension {
-  constructor({ id, trayMenus }: {
-     id: string;
-     trayMenus: TrayMenuRegistration[];
-   }) {
-    super({
-      id,
-      absolutePath: "irrelevant",
-      isBundled: false,
-      isCompatible: false,
-      isEnabled: false,
-      manifest: { name: id, version: "some-version", engines: { lens: "^5.5.0" }},
-      manifestPath: "irrelevant",
-    });
-
-    this.trayMenus = trayMenus;
-  }
-}
diff --git a/src/behaviours/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/behaviours/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
deleted file mode 100644
index 1f1426e962..0000000000
--- a/src/behaviours/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
+++ /dev/null
@@ -1,120 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`welcome - navigation using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
-
-exports[`welcome - navigation using application menu when navigating to welcome using application menu renders 1`] = `
-<div>
-  <div
-    class="StatusBar"
-  >
-    <div
-      class="leftSide"
-    />
-    <div
-      class="rightSide"
-    />
-  </div>
-  <div
-    class="flex justify-center Welcome align-center"
-    data-testid="welcome-page"
-  >
-    <div
-      data-testid="welcome-banner-container"
-      style="width: 320px;"
-    >
-      <i
-        class="Icon logo svg focusable"
-      >
-        <span
-          class="icon"
-        />
-      </i>
-      <div
-        class="flex justify-center"
-      >
-        <div
-          data-testid="welcome-text-container"
-          style="width: 320px;"
-        >
-          <h2>
-            Welcome to OpenLens 5!
-          </h2>
-          <p>
-            To get you started we have auto-detected your clusters in your
-             
-            kubeconfig file and added them to the catalog, your centralized
-             
-            view for managing all your cloud-native resources.
-            <br />
-            <br />
-            If you have any questions or feedback, please join our 
-            <a
-              class="link"
-              href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
-              rel="noreferrer"
-              target="_blank"
-            >
-              Lens Community slack channel
-            </a>
-            .
-          </p>
-          <ul
-            class="block"
-            data-testid="welcome-menu-container"
-            style="width: 320px;"
-          >
-            <li
-              class="flex grid-12"
-            >
-              <i
-                class="Icon box col-1 material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="view_list"
-                >
-                  view_list
-                </span>
-              </i>
-              <a
-                class="box col-10"
-              >
-                Browse Clusters in Catalog
-              </a>
-              <i
-                class="Icon box col-1 material focusable"
-              >
-                <span
-                  class="icon"
-                  data-icon-name="navigate_next"
-                >
-                  navigate_next
-                </span>
-              </i>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
-</div>
-`;
diff --git a/src/behaviours/welcome/navigation-using-application-menu.test.ts b/src/behaviours/welcome/navigation-using-application-menu.test.ts
deleted file mode 100644
index 805e99efb4..0000000000
--- a/src/behaviours/welcome/navigation-using-application-menu.test.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import type { RenderResult } from "@testing-library/react";
-import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-
-describe("welcome - navigation using application menu", () => {
-  let applicationBuilder: ApplicationBuilder;
-  let rendered: RenderResult;
-
-  beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
-
-    rendered = await applicationBuilder.render();
-  });
-
-  it("renders", () => {
-    expect(rendered.container).toMatchSnapshot();
-  });
-
-  it("does not show welcome page yet", () => {
-    const actual = rendered.queryByTestId("welcome-page");
-
-    expect(actual).toBeNull();
-  });
-
-  describe("when navigating to welcome using application menu", () => {
-    beforeEach(() => {
-      applicationBuilder.applicationMenu.click("help.welcome");
-    });
-
-    it("renders", () => {
-      expect(rendered.container).toMatchSnapshot();
-    });
-
-    it("shows welcome page", () => {
-      const actual = rendered.getByTestId("welcome-page");
-
-      expect(actual).not.toBeNull();
-    });
-  });
-});
diff --git a/src/common/__tests__/base-store.test.ts b/src/common/__tests__/base-store.test.ts
index e7eb952111..e6b1c2d1d2 100644
--- a/src/common/__tests__/base-store.test.ts
+++ b/src/common/__tests__/base-store.test.ts
@@ -7,14 +7,9 @@ import mockFs from "mock-fs";
 import { BaseStore } from "../base-store";
 import { action, comparer, makeObservable, observable, toJS } from "mobx";
 import { readFileSync } from "fs";
-
-import directoryForUserDataInjectable
-  from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
-import getConfigurationFileModelInjectable
-  from "../get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable
-  from "../get-configuration-file-model/app-version/app-version.injectable";
+import getConfigurationFileModelInjectable from "../get-configuration-file-model/get-configuration-file-model.injectable";
 
 jest.mock("electron", () => ({
   ipcMain: {
@@ -86,7 +81,6 @@ describe("BaseStore", () => {
 
     mainDi.override(directoryForUserDataInjectable, () => "some-user-data-directory");
     mainDi.permitSideEffects(getConfigurationFileModelInjectable);
-    mainDi.permitSideEffects(appVersionInjectable);
 
     TestStore.resetInstance();
 
diff --git a/src/common/__tests__/cluster-store.test.ts b/src/common/__tests__/cluster-store.test.ts
index e03e0aa533..b74659aea0 100644
--- a/src/common/__tests__/cluster-store.test.ts
+++ b/src/common/__tests__/cluster-store.test.ts
@@ -18,7 +18,7 @@ import { createClusterInjectionToken } from "../cluster/create-cluster-injection
 import directoryForUserDataInjectable from "../app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
 import getConfigurationFileModelInjectable from "../get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../vars/app-version.injectable";
 import assert from "assert";
 import directoryForTempInjectable from "../app-paths/directory-for-temp/directory-for-temp.injectable";
 import kubectlBinaryNameInjectable from "../../main/kubectl/binary-name.injectable";
@@ -93,7 +93,6 @@ describe("cluster-store", () => {
     mainDi.override(normalizedPlatformInjectable, () => "darwin");
 
     mainDi.permitSideEffects(getConfigurationFileModelInjectable);
-    mainDi.permitSideEffects(appVersionInjectable);
     mainDi.permitSideEffects(clusterStoreInjectable);
     mainDi.permitSideEffects(fsInjectable);
 
diff --git a/src/common/__tests__/hotbar-store.test.ts b/src/common/__tests__/hotbar-store.test.ts
index cc8a4dc8fa..d847ac76dc 100644
--- a/src/common/__tests__/hotbar-store.test.ts
+++ b/src/common/__tests__/hotbar-store.test.ts
@@ -8,7 +8,7 @@ import mockFs from "mock-fs";
 import type { CatalogEntity, CatalogEntityData, CatalogEntityKindData } from "../catalog";
 import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
 import getConfigurationFileModelInjectable from "../get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../vars/app-version.injectable";
 import type { DiContainer } from "@ogre-tools/injectable";
 import hotbarStoreInjectable from "../hotbars/store.injectable";
 import type { HotbarStore } from "../hotbars/store";
@@ -113,7 +113,6 @@ describe("HotbarStore", () => {
     ]));
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
     di.permitSideEffects(hotbarStoreInjectable);
   });
 
diff --git a/src/common/__tests__/timezones.test.ts b/src/common/__tests__/timezones.test.ts
new file mode 100644
index 0000000000..e7fa68e87c
--- /dev/null
+++ b/src/common/__tests__/timezones.test.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+describe("Timezones", () => {
+  it("should always be UTC", () => {
+    expect(new Date().getTimezoneOffset()).toBe(0);
+  });
+});
+
+export {};
diff --git a/src/common/__tests__/user-store.test.ts b/src/common/__tests__/user-store.test.ts
index 238fc5bce8..23740c5457 100644
--- a/src/common/__tests__/user-store.test.ts
+++ b/src/common/__tests__/user-store.test.ts
@@ -34,7 +34,7 @@ import { defaultThemeId } from "../vars";
 import writeFileInjectable from "../fs/write-file.injectable";
 import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
 import getConfigurationFileModelInjectable from "../get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../vars/app-version.injectable";
 
 console = new Console(stdout, stderr);
 
@@ -50,8 +50,6 @@ describe("user store tests", () => {
     di.override(writeFileInjectable, () => () => Promise.resolve());
     di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
     di.permitSideEffects(getConfigurationFileModelInjectable);
-
-    di.permitSideEffects(appVersionInjectable);
     di.permitSideEffects(userStoreInjectable);
 
     di.unoverride(userStoreInjectable);
diff --git a/src/common/app-event-bus/app-event-bus.global-override-for-injectable.ts b/src/common/app-event-bus/app-event-bus.global-override-for-injectable.ts
new file mode 100644
index 0000000000..2cdd21c919
--- /dev/null
+++ b/src/common/app-event-bus/app-event-bus.global-override-for-injectable.ts
@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import emitEventInjectable from "./emit-event.injectable";
+
+export default getGlobalOverride(emitEventInjectable, () => () => {});
diff --git a/src/common/app-event-bus/app-event-bus.injectable.ts b/src/common/app-event-bus/app-event-bus.injectable.ts
index 31ed3dd3a1..d707ec9fc3 100644
--- a/src/common/app-event-bus/app-event-bus.injectable.ts
+++ b/src/common/app-event-bus/app-event-bus.injectable.ts
@@ -9,6 +9,7 @@ const appEventBusInjectable = getInjectable({
   id: "app-event-bus",
   instantiate: () => appEventBus,
   causesSideEffects: true,
+  decorable: false,
 });
 
 export default appEventBusInjectable;
diff --git a/src/common/app-event-bus/emit-event.injectable.ts b/src/common/app-event-bus/emit-event.injectable.ts
index 47bf2ca691..d5aaafe37b 100644
--- a/src/common/app-event-bus/emit-event.injectable.ts
+++ b/src/common/app-event-bus/emit-event.injectable.ts
@@ -8,6 +8,7 @@ import appEventBusInjectable from "./app-event-bus.injectable";
 const emitEventInjectable = getInjectable({
   id: "emit-event",
   instantiate: (di) => di.inject(appEventBusInjectable).emit,
+  decorable: false,
 });
 
 export default emitEventInjectable;
diff --git a/src/common/app-paths/app-paths.test.ts b/src/common/app-paths/app-paths.test.ts
index 5793295e0e..b5ec33059c 100644
--- a/src/common/app-paths/app-paths.test.ts
+++ b/src/common/app-paths/app-paths.test.ts
@@ -14,15 +14,10 @@ import { getApplicationBuilder } from "../../renderer/components/test-utils/get-
 import type { DiContainer } from "@ogre-tools/injectable";
 
 describe("app-paths", () => {
-  let applicationBuilder: ApplicationBuilder;
-  let rendererDi: DiContainer;
-  let mainDi: DiContainer;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
-
-    rendererDi = applicationBuilder.dis.rendererDi;
-    mainDi = applicationBuilder.dis.mainDi;
+    builder = getApplicationBuilder();
 
     const defaultAppPathsStub: AppPaths = {
       appData: "some-app-data",
@@ -43,7 +38,7 @@ describe("app-paths", () => {
       userData: "some-irrelevant-user-data",
     };
 
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(
         getElectronAppPathInjectable,
         () =>
@@ -64,12 +59,18 @@ describe("app-paths", () => {
   });
 
   describe("normally", () => {
+    let windowDi: DiContainer;
+    let mainDi: DiContainer;
+
     beforeEach(async () => {
-      await applicationBuilder.render();
+      await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+      mainDi = builder.mainDi;
     });
 
     it("given in renderer, when injecting app paths, returns application specific app paths", () => {
-      const actual = rendererDi.inject(appPathsInjectionToken);
+      const actual = windowDi.inject(appPathsInjectionToken);
 
       expect(actual).toEqual({
         appData: "some-app-data",
@@ -116,19 +117,23 @@ describe("app-paths", () => {
   });
 
   describe("when running integration tests", () => {
+    let windowDi: DiContainer;
+
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+      builder.beforeApplicationStart((mainDi) => {
         mainDi.override(
           directoryForIntegrationTestingInjectable,
           () => "some-integration-testing-app-data",
         );
       });
 
-      await applicationBuilder.render();
+      await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
     });
 
     it("given in renderer, when injecting path for app data, has integration specific app data path", () => {
-      const { appData, userData } = rendererDi.inject(appPathsInjectionToken);
+      const { appData, userData } = windowDi.inject(appPathsInjectionToken);
 
       expect({ appData, userData }).toEqual({
         appData: "some-integration-testing-app-data",
@@ -137,7 +142,7 @@ describe("app-paths", () => {
     });
 
     it("given in main, when injecting path for app data, has integration specific app data path", () => {
-      const { appData, userData } = rendererDi.inject(appPathsInjectionToken);
+      const { appData, userData } = windowDi.inject(appPathsInjectionToken);
 
       expect({ appData, userData }).toEqual({
         appData: "some-integration-testing-app-data",
diff --git a/src/common/application-update/application-update-status-channel.injectable.ts b/src/common/application-update/application-update-status-channel.injectable.ts
deleted file mode 100644
index 1365fd19af..0000000000
--- a/src/common/application-update/application-update-status-channel.injectable.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { MessageChannel } from "../utils/channel/message-channel-injection-token";
-import { messageChannelInjectionToken } from "../utils/channel/message-channel-injection-token";
-
-export type ApplicationUpdateStatusEventId =
-      | "checking-for-updates"
-      | "no-updates-available"
-      | "download-for-update-started"
-      | "download-for-update-failed";
-
-// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-export type ApplicationUpdateStatusChannelMessage = { eventId: ApplicationUpdateStatusEventId; version?: string };
-export type ApplicationUpdateStatusChannel = MessageChannel<ApplicationUpdateStatusChannelMessage>;
-
-const applicationUpdateStatusChannelInjectable = getInjectable({
-  id: "application-update-status-channel",
-
-  instantiate: (): ApplicationUpdateStatusChannel => ({
-    id: "application-update-status-channel",
-  }),
-
-  injectionToken: messageChannelInjectionToken,
-});
-
-export default applicationUpdateStatusChannelInjectable;
diff --git a/src/common/application-update/discovered-update-version/discovered-update-version.injectable.ts b/src/common/application-update/discovered-update-version/discovered-update-version.injectable.ts
index 60557de211..29e89d3ea3 100644
--- a/src/common/application-update/discovered-update-version/discovered-update-version.injectable.ts
+++ b/src/common/application-update/discovered-update-version/discovered-update-version.injectable.ts
@@ -5,21 +5,21 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import createSyncBoxInjectable from "../../utils/sync-box/create-sync-box.injectable";
 import type { UpdateChannel } from "../update-channels";
+import type { SyncBox } from "../../utils/sync-box/sync-box-injection-token";
 import { syncBoxInjectionToken } from "../../utils/sync-box/sync-box-injection-token";
 
+export type DiscoveredUpdateVersion = SyncBox<{ version: string; updateChannel: UpdateChannel } | null>;
+
 const discoveredUpdateVersionInjectable = getInjectable({
   id: "discovered-update-version",
 
   instantiate: (di) => {
     const createSyncBox = di.inject(createSyncBoxInjectable);
 
-    return createSyncBox<
-      | { version: string; updateChannel: UpdateChannel }
-      | null
-      >(
-        "discovered-update-version",
-        null,
-      );
+    return createSyncBox(
+      "discovered-update-version",
+      null,
+    ) as DiscoveredUpdateVersion;
   },
 
   injectionToken: syncBoxInjectionToken,
diff --git a/src/common/application-update/progress-of-update-download/progress-of-update-download.injectable.ts b/src/common/application-update/progress-of-update-download/progress-of-update-download.injectable.ts
index 26ecd1d618..cf7b0cf7e0 100644
--- a/src/common/application-update/progress-of-update-download/progress-of-update-download.injectable.ts
+++ b/src/common/application-update/progress-of-update-download/progress-of-update-download.injectable.ts
@@ -4,12 +4,16 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import createSyncBoxInjectable from "../../utils/sync-box/create-sync-box.injectable";
+import type { SyncBox } from "../../utils/sync-box/sync-box-injection-token";
 import { syncBoxInjectionToken } from "../../utils/sync-box/sync-box-injection-token";
 
 export interface ProgressOfDownload {
   percentage: number;
+  failed?: string;
 }
 
+export type ProgressOfUpdateDownload = SyncBox<ProgressOfDownload>;
+
 const progressOfUpdateDownloadInjectable = getInjectable({
   id: "progress-of-update-download-state",
 
diff --git a/src/common/application-update/restart-and-install-update-channel/restart-and-install-update-channel.injectable.ts b/src/common/application-update/restart-and-install-update-channel/restart-and-install-update-channel.injectable.ts
new file mode 100644
index 0000000000..b6d811e101
--- /dev/null
+++ b/src/common/application-update/restart-and-install-update-channel/restart-and-install-update-channel.injectable.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { MessageChannel } from "../../utils/channel/message-channel-injection-token";
+import { messageChannelInjectionToken } from "../../utils/channel/message-channel-injection-token";
+
+export type RestartAndInstallUpdateChannel = MessageChannel;
+
+const restartAndInstallUpdateChannel = getInjectable({
+  id: "restart-and-install-update-channel",
+
+  instantiate: (): RestartAndInstallUpdateChannel => ({
+    id: "restart-and-install-update-channel",
+  }),
+
+  injectionToken: messageChannelInjectionToken,
+});
+
+export default restartAndInstallUpdateChannel;
diff --git a/src/common/application-update/selected-update-channel/default-update-channel.injectable.ts b/src/common/application-update/selected-update-channel/default-update-channel.injectable.ts
index 3d9101b672..90dc22457a 100644
--- a/src/common/application-update/selected-update-channel/default-update-channel.injectable.ts
+++ b/src/common/application-update/selected-update-channel/default-update-channel.injectable.ts
@@ -3,8 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { SemVer } from "semver";
-import appVersionInjectable from "../../get-configuration-file-model/app-version/app-version.injectable";
+import appSemanticVersionInjectable from "../../vars/app-semantic-version.injectable";
 import type { UpdateChannelId } from "../update-channels";
 import { updateChannels } from "../update-channels";
 
@@ -12,12 +11,11 @@ const defaultUpdateChannelInjectable = getInjectable({
   id: "default-update-channel",
 
   instantiate: (di) => {
-    const appVersion = di.inject(appVersionInjectable);
+    const appSemanticVersion = di.inject(appSemanticVersionInjectable);
+    const currentReleaseChannel = appSemanticVersion.prerelease[0]?.toString();
 
-    const currentReleaseChannel = new SemVer(appVersion).prerelease[0]?.toString() as UpdateChannelId;
-
-    if (currentReleaseChannel && updateChannels[currentReleaseChannel]) {
-      return updateChannels[currentReleaseChannel];
+    if (currentReleaseChannel in updateChannels) {
+      return updateChannels[currentReleaseChannel as UpdateChannelId];
     }
 
     return updateChannels.latest;
diff --git a/src/common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable.ts b/src/common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable.ts
new file mode 100644
index 0000000000..32a15d310a
--- /dev/null
+++ b/src/common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import createSyncBoxInjectable from "../../utils/sync-box/create-sync-box.injectable";
+import { syncBoxInjectionToken } from "../../utils/sync-box/sync-box-injection-token";
+
+const updateDownloadedDateTimeInjectable = getInjectable({
+  id: "update-downloaded-date-time",
+
+  instantiate: (di) => {
+    const createSyncBox = di.inject(createSyncBoxInjectable);
+
+    return createSyncBox<string | null>(
+      "update-downloaded-date-time",
+      null,
+    );
+  },
+
+  injectionToken: syncBoxInjectionToken,
+});
+
+export default updateDownloadedDateTimeInjectable;
diff --git a/src/common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable.ts b/src/common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable.ts
index e1701d7952..0eae5779ed 100644
--- a/src/common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable.ts
+++ b/src/common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable.ts
@@ -4,8 +4,11 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import createSyncBoxInjectable from "../../utils/sync-box/create-sync-box.injectable";
+import type { SyncBox } from "../../utils/sync-box/sync-box-injection-token";
 import { syncBoxInjectionToken } from "../../utils/sync-box/sync-box-injection-token";
 
+export type UpdateIsBeingDownloaded = SyncBox<boolean>;
+
 const updateIsBeingDownloadedInjectable = getInjectable({
   id: "update-is-being-downloaded",
 
diff --git a/src/common/application-update/updates-are-being-discovered/updates-are-being-discovered.injectable.ts b/src/common/application-update/updates-are-being-discovered/updates-are-being-discovered.injectable.ts
index 21f1c14bec..97ff920af4 100644
--- a/src/common/application-update/updates-are-being-discovered/updates-are-being-discovered.injectable.ts
+++ b/src/common/application-update/updates-are-being-discovered/updates-are-being-discovered.injectable.ts
@@ -4,8 +4,11 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import createSyncBoxInjectable from "../../utils/sync-box/create-sync-box.injectable";
+import type { SyncBox } from "../../utils/sync-box/sync-box-injection-token";
 import { syncBoxInjectionToken } from "../../utils/sync-box/sync-box-injection-token";
 
+export type UpdatesAreBeingDiscovered = SyncBox<boolean>;
+
 const updatesAreBeingDiscoveredInjectable = getInjectable({
   id: "updates-are-being-discovered",
 
diff --git a/src/common/ask-boolean/ask-boolean-answer-channel.injectable.ts b/src/common/ask-boolean/ask-boolean-answer-channel.injectable.ts
deleted file mode 100644
index 9901c04e30..0000000000
--- a/src/common/ask-boolean/ask-boolean-answer-channel.injectable.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { MessageChannel } from "../utils/channel/message-channel-injection-token";
-import { messageChannelInjectionToken } from "../utils/channel/message-channel-injection-token";
-
-export type AskBooleanAnswerChannel = MessageChannel<{ id: string; value: boolean }>;
-
-const askBooleanAnswerChannelInjectable = getInjectable({
-  id: "ask-boolean-answer-channel",
-
-  instantiate: (): AskBooleanAnswerChannel => ({
-    id: "ask-boolean-answer",
-  }),
-
-  injectionToken: messageChannelInjectionToken,
-});
-
-export default askBooleanAnswerChannelInjectable;
diff --git a/src/common/ask-boolean/ask-boolean-question-channel.injectable.ts b/src/common/ask-boolean/ask-boolean-question-channel.injectable.ts
deleted file mode 100644
index 664337158f..0000000000
--- a/src/common/ask-boolean/ask-boolean-question-channel.injectable.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { MessageChannel } from "../utils/channel/message-channel-injection-token";
-import { messageChannelInjectionToken } from "../utils/channel/message-channel-injection-token";
-
-// eslint-disable-next-line @typescript-eslint/consistent-type-definitions
-export type AskBooleanQuestionParameters = { id: string; title: string; question: string };
-export type AskBooleanQuestionChannel = MessageChannel<AskBooleanQuestionParameters>;
-
-const askBooleanQuestionChannelInjectable = getInjectable({
-  id: "ask-boolean-question-channel",
-
-  instantiate: (): AskBooleanQuestionChannel => ({
-    id: "ask-boolean-question",
-  }),
-
-  injectionToken: messageChannelInjectionToken,
-});
-
-export default askBooleanQuestionChannelInjectable;
diff --git a/src/common/base-store.ts b/src/common/base-store.ts
index 9cc4e27b92..2c2f66dd23 100644
--- a/src/common/base-store.ts
+++ b/src/common/base-store.ts
@@ -19,7 +19,7 @@ import { kebabCase } from "lodash";
 import { getLegacyGlobalDiForExtensionApi } from "../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
 import directoryForUserDataInjectable from "./app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import getConfigurationFileModelInjectable from "./get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "./get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "./vars/app-version.injectable";
 
 export interface BaseStoreParams<T> extends ConfOptions<T> {
   syncOptions?: {
@@ -31,7 +31,7 @@ export interface BaseStoreParams<T> extends ConfOptions<T> {
 /**
  * Note: T should only contain base JSON serializable types.
  */
-export abstract class BaseStore<T> extends Singleton {
+export abstract class BaseStore<T extends object> extends Singleton {
   protected storeConfig?: Config<T>;
   protected syncDisposers: Disposer[] = [];
 
@@ -59,10 +59,10 @@ export abstract class BaseStore<T> extends Singleton {
     const getConfigurationFileModel = di.inject(getConfigurationFileModelInjectable);
 
     this.storeConfig = getConfigurationFileModel({
-      ...this.params,
       projectName: "lens",
       projectVersion: di.inject(appVersionInjectable),
       cwd: this.cwd(),
+      ...this.params,
     });
 
     const res: any = this.fromStore(this.storeConfig.store);
diff --git a/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts b/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts
index d681713a80..b2814f9785 100644
--- a/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts
+++ b/src/common/catalog-entities/__tests__/kubernetes-cluster.test.ts
@@ -12,7 +12,7 @@ describe("kubernetesClusterCategory", () => {
   let kubernetesClusterCategory: KubernetesClusterCategory;
 
   beforeEach(() => {
-    const di = getDiForUnitTesting();
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
 
     kubernetesClusterCategory = di.inject(kubernetesClusterCategoryInjectable);
   });
diff --git a/src/common/cluster-store/allowed-resources-injection-token.ts b/src/common/cluster-store/allowed-resources-injection-token.ts
index ad387d26a2..353d0b309c 100644
--- a/src/common/cluster-store/allowed-resources-injection-token.ts
+++ b/src/common/cluster-store/allowed-resources-injection-token.ts
@@ -6,8 +6,6 @@
 import { getInjectionToken } from "@ogre-tools/injectable";
 import type { IComputedValue } from "mobx";
 
-export const allowedResourcesInjectionToken = getInjectionToken<
-  IComputedValue<Set<string>>
->({
+export const allowedResourcesInjectionToken = getInjectionToken<IComputedValue<Set<string>>>({
   id: "allowed-resources",
 });
diff --git a/src/common/cluster-store/cluster-store.global-override-for-injectable.ts b/src/common/cluster-store/cluster-store.global-override-for-injectable.ts
new file mode 100644
index 0000000000..32a1ee62a1
--- /dev/null
+++ b/src/common/cluster-store/cluster-store.global-override-for-injectable.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import clusterStoreInjectable from "./cluster-store.injectable";
+import type { Cluster } from "../cluster/cluster";
+import type { ClusterStore } from "./cluster-store";
+
+export default getGlobalOverride(
+  clusterStoreInjectable,
+  () =>
+    ({
+      provideInitialFromMain: () => {},
+      getById: (id) => (void id, {}) as Cluster,
+    } as ClusterStore),
+);
diff --git a/src/common/cluster/cluster.ts b/src/common/cluster/cluster.ts
index 82b4f77be3..9b0eed76aa 100644
--- a/src/common/cluster/cluster.ts
+++ b/src/common/cluster/cluster.ts
@@ -4,7 +4,6 @@
  */
 
 import { action, comparer, computed, makeObservable, observable, reaction, when } from "mobx";
-import { broadcastMessage } from "../ipc";
 import type { ClusterContextHandler } from "../../main/context-handler/context-handler";
 import type { KubeConfig } from "@kubernetes/client-node";
 import { HttpError } from "@kubernetes/client-node";
@@ -25,6 +24,7 @@ import type { CanI } from "./authorization-review.injectable";
 import type { ListNamespaces } from "./list-namespaces.injectable";
 import assert from "assert";
 import type { Logger } from "../logger";
+import type { BroadcastMessage } from "../ipc/broadcast-message.injectable";
 
 export interface ClusterDependencies {
   readonly directoryForKubeConfigs: string;
@@ -36,6 +36,7 @@ export interface ClusterDependencies {
   createAuthorizationReview: (config: KubeConfig) => CanI;
   createListNamespaces: (config: KubeConfig) => ListNamespaces;
   createVersionDetector: (cluster: Cluster) => VersionDetector;
+  broadcastMessage: BroadcastMessage;
 }
 
 /**
@@ -353,15 +354,35 @@ export class Cluster implements ClusterModel, ClusterState {
     }
 
     if (this.disconnected || !this.accessible) {
-      await this.reconnect();
+      try {
+        this.broadcastConnectUpdate("Starting connection ...");
+        await this.reconnect();
+      } catch (error) {
+        this.broadcastConnectUpdate(`Failed to start connection: ${error}`, true);
+
+        return;
+      }
     }
 
-    this.broadcastConnectUpdate("Refreshing connection status ...");
-    await this.refreshConnectionStatus();
+    try {
+      this.broadcastConnectUpdate("Refreshing connection status ...");
+      await this.refreshConnectionStatus();
+    } catch (error) {
+      this.broadcastConnectUpdate(`Failed to connection status: ${error}`, true);
+
+      return;
+    }
 
     if (this.accessible) {
-      this.broadcastConnectUpdate("Refreshing cluster accessibility ...");
-      await this.refreshAccessibility();
+      try {
+        this.broadcastConnectUpdate("Refreshing cluster accessibility ...");
+        await this.refreshAccessibility();
+      } catch (error) {
+        this.broadcastConnectUpdate(`Failed to refresh accessibility: ${error}`, true);
+
+        return;
+      }
+
       // download kubectl in background, so it's not blocking dashboard
       this.ensureKubectl()
         .catch(error => this.dependencies.logger.warn(`[CLUSTER]: failed to download kubectl for clusterId=${this.id}`, error));
@@ -595,7 +616,7 @@ export class Cluster implements ClusterModel, ClusterState {
    */
   pushState(state = this.getState()) {
     this.dependencies.logger.silly(`[CLUSTER]: push-state`, state);
-    broadcastMessage("cluster:state", this.id, state);
+    this.dependencies.broadcastMessage("cluster:state", this.id, state);
   }
 
   // get cluster system meta, e.g. use in "logger"
@@ -618,7 +639,7 @@ export class Cluster implements ClusterModel, ClusterState {
     const update: KubeAuthUpdate = { message, isError };
 
     this.dependencies.logger.debug(`[CLUSTER]: broadcasting connection update`, { ...update, meta: this.getMeta() });
-    broadcastMessage(`cluster:${this.id}:connection-update`, update);
+    this.dependencies.broadcastMessage(`cluster:${this.id}:connection-update`, update);
   }
 
   protected async getAllowedNamespaces(proxyConfig: KubeConfig) {
@@ -638,7 +659,7 @@ export class Cluster implements ClusterModel, ClusterState {
         const { response } = error as HttpError & { response: Response };
 
         this.dependencies.logger.info("[CLUSTER]: listing namespaces is forbidden, broadcasting", { clusterId: this.id, error: response.body });
-        broadcastMessage(clusterListNamespaceForbiddenChannel, this.id);
+        this.dependencies.broadcastMessage(clusterListNamespaceForbiddenChannel, this.id);
       }
 
       return namespaceList;
diff --git a/src/common/cluster/is-allowed-resource.ts b/src/common/cluster/is-allowed-resource.ts
new file mode 100644
index 0000000000..7a6a392f78
--- /dev/null
+++ b/src/common/cluster/is-allowed-resource.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeResource } from "../rbac";
+import { apiResourceRecord, apiResources } from "../rbac";
+
+export const isAllowedResource = (allowedResources: string[]) => (kind: string): boolean => {
+  if ((kind as KubeResource) in apiResourceRecord) {
+    return allowedResources.includes(kind);
+  }
+
+  const apiResource = apiResources.find(resource => resource.kind === kind);
+
+  if (apiResource) {
+    return allowedResources.includes(apiResource.apiName);
+  }
+
+  return true; // allowed by default for other resources
+};
diff --git a/src/common/front-end-routing/routes/cluster/config/priority-classes/navigate-to-priority-classes.injectable.ts b/src/common/front-end-routing/routes/cluster/config/priority-classes/navigate-to-priority-classes.injectable.ts
new file mode 100644
index 0000000000..45b7a34eeb
--- /dev/null
+++ b/src/common/front-end-routing/routes/cluster/config/priority-classes/navigate-to-priority-classes.injectable.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import priorityClassesRouteInjectable from "./priority-classes-route.injectable";
+import { navigateToRouteInjectionToken } from "../../../../navigate-to-route-injection-token";
+
+const navigateToPriorityClassesInjectable = getInjectable({
+  id: "navigate-to-priority-classes",
+
+  instantiate: (di) => {
+    const navigateToRoute = di.inject(navigateToRouteInjectionToken);
+    const route = di.inject(priorityClassesRouteInjectable);
+
+    return () => navigateToRoute(route);
+  },
+});
+
+export default navigateToPriorityClassesInjectable;
diff --git a/src/common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable.ts b/src/common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable.ts
new file mode 100644
index 0000000000..1c3632c261
--- /dev/null
+++ b/src/common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import isAllowedResourceInjectable from "../../../../../utils/is-allowed-resource.injectable";
+import { frontEndRouteInjectionToken } from "../../../../front-end-route-injection-token";
+
+const priorityClassesRouteInjectable = getInjectable({
+  id: "priority-classes-route",
+
+  instantiate: (di) => {
+    const isAllowedResource = di.inject(isAllowedResourceInjectable, "priorityclasses");
+
+    return {
+      path: "/priorityclasses",
+      clusterFrame: true,
+      isEnabled: isAllowedResource,
+    };
+  },
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+export default priorityClassesRouteInjectable;
diff --git a/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts b/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts
index c51c45ed28..085694a578 100644
--- a/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts
+++ b/src/common/front-end-routing/routes/preferences/extension/navigate-to-extension-preferences.injectable.ts
@@ -13,10 +13,13 @@ const navigateToExtensionPreferencesInjectable = getInjectable({
     const navigateToRoute = di.inject(navigateToRouteInjectionToken);
     const route = di.inject(extensionPreferencesRouteInjectable);
 
-    return (extensionId: string, tabId?: string) => navigateToRoute(route, { parameters: {
-      extensionId,
-      tabId,
-    }});
+    return (extensionId: string, tabId?: string) => navigateToRoute(route, {
+      parameters: {
+        extensionId,
+        tabId,
+      },
+      withoutAffectingBackButton: true,
+    });
   },
 });
 
diff --git a/src/common/fs/stat/stat.global-override-for-injectable.ts b/src/common/fs/stat/stat.global-override-for-injectable.ts
new file mode 100644
index 0000000000..2afeda7b77
--- /dev/null
+++ b/src/common/fs/stat/stat.global-override-for-injectable.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import statInjectable from "./stat.injectable";
+import { getGlobalOverride } from "../../test-utils/get-global-override";
+
+export default getGlobalOverride(statInjectable, () => () => {
+  throw new Error("Tried to call stat without explicit override");
+});
diff --git a/src/common/fs/stat/stat.injectable.ts b/src/common/fs/stat/stat.injectable.ts
new file mode 100644
index 0000000000..aa1ce44447
--- /dev/null
+++ b/src/common/fs/stat/stat.injectable.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import fsInjectable from "../fs.injectable";
+
+const statInjectable = getInjectable({
+  id: "stat",
+
+  instantiate: (di) => di.inject(fsInjectable).stat,
+});
+
+export default statInjectable;
diff --git a/src/common/fs/validate-directory.injectable.ts b/src/common/fs/validate-directory.injectable.ts
new file mode 100644
index 0000000000..9d68ede8d5
--- /dev/null
+++ b/src/common/fs/validate-directory.injectable.ts
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { AsyncResult } from "../utils/async-result";
+import { isErrnoException } from "../utils";
+import type { Stats } from "fs-extra";
+import { lowerFirst } from "lodash/fp";
+import statInjectable from "./stat/stat.injectable";
+
+export type ValidateDirectory = (path: string) => Promise<AsyncResult<undefined>>;
+
+function getUserReadableFileType(stats: Stats): string {
+  if (stats.isFile()) {
+    return "a file";
+  }
+
+  if (stats.isFIFO()) {
+    return "a pipe";
+  }
+
+  if (stats.isSocket()) {
+    return "a socket";
+  }
+
+  if (stats.isBlockDevice()) {
+    return "a block device";
+  }
+
+  if (stats.isCharacterDevice()) {
+    return "a character device";
+  }
+
+  return "an unknown file type";
+}
+
+const validateDirectoryInjectable = getInjectable({
+  id: "validate-directory",
+
+  instantiate: (di): ValidateDirectory => {
+    const stat = di.inject(statInjectable);
+
+    return async (path) => {
+      try {
+        const stats = await stat(path);
+
+        if (stats.isDirectory()) {
+          return { callWasSuccessful: true, response: undefined };
+        }
+
+        return { callWasSuccessful: false, error: `the provided path is ${getUserReadableFileType(stats)} and not a directory.` };
+      } catch (error) {
+        if (!isErrnoException(error)) {
+          return { callWasSuccessful: false, error: "of an unknown error, please try again." };
+        }
+
+        const humanReadableErrors: Record<string, string> = {
+          ENOENT: "the provided path does not exist.",
+          EACCES: "search permissions is denied for one of the directories in the prefix of the provided path.",
+          ELOOP: "the provided path is a sym-link which points to a chain of sym-links that is too long to resolve. Perhaps it is cyclic.",
+          ENAMETOOLONG: "the pathname is too long to be used.",
+          ENOTDIR: "a prefix of the provided path is not a directory.",
+        };
+
+        const humanReadableError = error.code
+          ? humanReadableErrors[error.code]
+          : lowerFirst(String(error));
+
+        return { callWasSuccessful: false, error: humanReadableError };
+      }
+    };
+  },
+});
+
+export default validateDirectoryInjectable;
diff --git a/src/common/fs/watch/watch.global-override-for-injectable.ts b/src/common/fs/watch/watch.global-override-for-injectable.ts
new file mode 100644
index 0000000000..689c7150cf
--- /dev/null
+++ b/src/common/fs/watch/watch.global-override-for-injectable.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../test-utils/get-global-override";
+import watchInjectable from "./watch.injectable";
+
+export default getGlobalOverride(watchInjectable, () => () => {
+  throw new Error("Tried to call file system watch without explicit override");
+});
diff --git a/src/common/fs/watch/watch.injectable.ts b/src/common/fs/watch/watch.injectable.ts
new file mode 100644
index 0000000000..44d34f20f5
--- /dev/null
+++ b/src/common/fs/watch/watch.injectable.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { FSWatcher, WatchOptions } from "chokidar";
+import { watch } from "chokidar";
+
+export type Watch = (path: string, options?: WatchOptions) => FSWatcher;
+
+// TODO: Introduce wrapper to allow simpler API
+const watchInjectable = getInjectable({
+  id: "watch",
+  instantiate: (): Watch => watch,
+  causesSideEffects: true,
+});
+
+export default watchInjectable;
diff --git a/src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts b/src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts
index a1027c22c6..dc54e96de1 100644
--- a/src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts
+++ b/src/common/get-configuration-file-model/get-configuration-file-model.injectable.ts
@@ -8,7 +8,7 @@ import type { BaseStoreParams } from "../base-store";
 
 const getConfigurationFileModelInjectable = getInjectable({
   id: "get-configuration-file-model",
-  instantiate: () => <ConfigurationContent>(content: BaseStoreParams<ConfigurationContent>) => new Config(content),
+  instantiate: () => <T extends object>(content: BaseStoreParams<T>) => new Config(content),
   causesSideEffects: true,
 });
 
diff --git a/src/common/ipc/broadcast-message.injectable.ts b/src/common/ipc/broadcast-message.injectable.ts
index 9df36ac27a..41db749d65 100644
--- a/src/common/ipc/broadcast-message.injectable.ts
+++ b/src/common/ipc/broadcast-message.injectable.ts
@@ -5,9 +5,11 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { broadcastMessage } from "./ipc";
 
+export type BroadcastMessage = (channel: string, ...args: any[]) => Promise<void>;
+
 const broadcastMessageInjectable = getInjectable({
   id: "broadcast-message",
-  instantiate: () => broadcastMessage,
+  instantiate: (): BroadcastMessage => broadcastMessage,
   causesSideEffects: true,
 });
 
diff --git a/src/common/ipc/ipc.ts b/src/common/ipc/ipc.ts
index bddeb0ff3c..a714af73a4 100644
--- a/src/common/ipc/ipc.ts
+++ b/src/common/ipc/ipc.ts
@@ -13,10 +13,17 @@ import logger from "../../main/logger";
 import type { ClusterFrameInfo } from "../cluster-frames";
 import { clusterFrameMap } from "../cluster-frames";
 import type { Disposer } from "../utils";
+import ipcMainInjectable from "../../main/utils/channel/ipc-main/ipc-main.injectable";
+import { getLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import ipcRendererInjectable from "../../renderer/utils/channel/ipc-renderer.injectable";
 
 export const broadcastMainChannel = "ipc:broadcast-main";
 
 export function ipcMainHandle(channel: string, listener: (event: Electron.IpcMainInvokeEvent, ...args: any[]) => any) {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  const ipcMain = di.inject(ipcMainInjectable);
+
   ipcMain.handle(channel, async (event, ...args) => {
     return sanitizePayload(await listener(event, ...args));
   });
@@ -78,12 +85,20 @@ export async function broadcastMessage(channel: string, ...args: any[]): Promise
 }
 
 export function ipcMainOn(channel: string, listener: (event: Electron.IpcMainEvent, ...args: any[]) => any): Disposer {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  const ipcMain = di.inject(ipcMainInjectable);
+
   ipcMain.on(channel, listener);
 
   return () => ipcMain.off(channel, listener);
 }
 
 export function ipcRendererOn(channel: string, listener: (event: Electron.IpcRendererEvent, ...args: any[]) => any): Disposer {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  const ipcRenderer = di.inject(ipcRendererInjectable);
+
   ipcRenderer.on(channel, listener);
 
   return () => ipcRenderer.off(channel, listener);
diff --git a/src/common/k8s-api/__tests__/ingress.api.ts b/src/common/k8s-api/__tests__/ingress.api.test.ts
similarity index 68%
rename from src/common/k8s-api/__tests__/ingress.api.ts
rename to src/common/k8s-api/__tests__/ingress.api.test.ts
index d5e4d323ad..acb2a59a68 100644
--- a/src/common/k8s-api/__tests__/ingress.api.ts
+++ b/src/common/k8s-api/__tests__/ingress.api.test.ts
@@ -5,6 +5,53 @@
 
 import { computeRuleDeclarations, Ingress } from "../endpoints";
 
+describe("Ingress", () => {
+  it("given no loadbalancer ingresses in status property, loadbalancers should be an empty array", () => {
+    const ingress = new Ingress({
+      apiVersion: "networking.k8s.io/v1",
+      kind: "Ingress",
+      metadata: {
+        name: "foo",
+        resourceVersion: "1",
+        uid: "bar",
+        namespace: "default",
+        selfLink: "/apis/networking.k8s.io/v1/ingresses/default/foo",
+      },
+      status: {
+        loadBalancer: {},
+      },
+    });
+
+    expect(ingress.getLoadBalancers()).toEqual([]);
+  });
+
+  it("given loadbalancer ingresses in status property, loadbalancers should be flat array of ip adresses and hostnames", () => {
+    const ingress = new Ingress({
+      apiVersion: "networking.k8s.io/v1",
+      kind: "Ingress",
+      metadata: {
+        name: "foo",
+        resourceVersion: "1",
+        uid: "bar",
+        namespace: "default",
+        selfLink: "/apis/networking.k8s.io/v1/ingresses/default/foo",
+      },
+      status: {
+        loadBalancer: {
+          ingress: [{
+            ip: "10.0.0.27",
+          },
+          {
+            hostname: "localhost",
+          }],
+        },
+      },
+    });
+
+    expect(ingress.getLoadBalancers()).toEqual(["10.0.0.27", "localhost"]);
+  });
+});
+
 describe("computeRuleDeclarations", () => {
   it("given no tls field, should format links as http://", () => {
     const ingress = new Ingress({
diff --git a/src/common/k8s-api/__tests__/kube-api.test.ts b/src/common/k8s-api/__tests__/kube-api.test.ts
index 36f2aea748..05da1f89d5 100644
--- a/src/common/k8s-api/__tests__/kube-api.test.ts
+++ b/src/common/k8s-api/__tests__/kube-api.test.ts
@@ -6,7 +6,6 @@
 import { forRemoteCluster, KubeApi } from "../kube-api";
 import { KubeJsonApi } from "../kube-json-api";
 import { KubeObject } from "../kube-object";
-import AbortController from "abort-controller";
 import { delay } from "../../utils/delay";
 import { PassThrough } from "stream";
 import { ApiManager } from "../api-manager";
@@ -15,6 +14,7 @@ import { DeploymentApi, Ingress, IngressApi, Pod, PodApi } from "../endpoints";
 import { getDiForUnitTesting } from "../../../renderer/getDiForUnitTesting";
 import apiManagerInjectable from "../api-manager/manager.injectable";
 import autoRegistrationInjectable from "../api-manager/auto-registration.injectable";
+import AbortController from "abort-controller";
 
 jest.mock("../api-manager");
 
diff --git a/src/common/k8s-api/__tests__/pods.test.ts b/src/common/k8s-api/__tests__/pods.test.ts
index 826c2b4617..3ed979face 100644
--- a/src/common/k8s-api/__tests__/pods.test.ts
+++ b/src/common/k8s-api/__tests__/pods.test.ts
@@ -4,7 +4,7 @@
  */
 
 import assert from "assert";
-import type { PodContainer, PodContainerStatus } from "../endpoints";
+import type { Container, PodContainerStatus } from "../endpoints";
 import { Pod } from "../endpoints";
 
 interface GetDummyPodOptions {
@@ -22,8 +22,8 @@ function getDummyPod(rawOpts: GetDummyPodOptions = {}): Pod {
     initRunning = 0,
   } = rawOpts;
 
-  const containers: PodContainer[] = [];
-  const initContainers: PodContainer[] = [];
+  const containers: Container[] = [];
+  const initContainers: Container[] = [];
   const containerStatuses: PodContainerStatus[] = [];
   const initContainerStatuses: PodContainerStatus[] = [];
   const pod = new Pod({
@@ -58,7 +58,7 @@ function getDummyPod(rawOpts: GetDummyPodOptions = {}): Pod {
 
     containers.push({
       image: "dummy",
-      imagePullPolicy: "dummy",
+      imagePullPolicy: "Always",
       name,
     });
     containerStatuses.push({
@@ -80,7 +80,7 @@ function getDummyPod(rawOpts: GetDummyPodOptions = {}): Pod {
 
     containers.push({
       image: "dummy",
-      imagePullPolicy: "dummy",
+      imagePullPolicy: "Always",
       name,
     });
     containerStatuses.push({
@@ -105,7 +105,7 @@ function getDummyPod(rawOpts: GetDummyPodOptions = {}): Pod {
 
     initContainers.push({
       image: "dummy",
-      imagePullPolicy: "dummy",
+      imagePullPolicy: "Always",
       name,
     });
     initContainerStatuses.push({
@@ -127,7 +127,7 @@ function getDummyPod(rawOpts: GetDummyPodOptions = {}): Pod {
 
     initContainers.push({
       image: "dummy",
-      imagePullPolicy: "dummy",
+      imagePullPolicy: "Always",
       name,
     });
     initContainerStatuses.push({
@@ -169,7 +169,7 @@ describe("Pods", () => {
     function getNamedContainer(name: string) {
       return {
         image: "dummy",
-        imagePullPolicy: "dummy",
+        imagePullPolicy: "Always",
         name,
       };
     }
diff --git a/src/common/k8s-api/endpoints/cluster-role-binding.api.injectable.ts b/src/common/k8s-api/endpoints/cluster-role-binding.api.injectable.ts
index c06f3baaff..38ba76d661 100644
--- a/src/common/k8s-api/endpoints/cluster-role-binding.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/cluster-role-binding.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ClusterRoleBindingApi } from "./cluster-role-binding.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const clusterRoleBindingApiInjectable = getInjectable({
   id: "cluster-role-binding-api",
@@ -14,6 +15,8 @@ const clusterRoleBindingApiInjectable = getInjectable({
 
     return new ClusterRoleBindingApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default clusterRoleBindingApiInjectable;
diff --git a/src/common/k8s-api/endpoints/cluster-role-binding.api.ts b/src/common/k8s-api/endpoints/cluster-role-binding.api.ts
index 52449be8a3..d9bc61af49 100644
--- a/src/common/k8s-api/endpoints/cluster-role-binding.api.ts
+++ b/src/common/k8s-api/endpoints/cluster-role-binding.api.ts
@@ -5,7 +5,7 @@
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import type { KubeJsonApiData } from "../kube-json-api";
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { ClusterScopedMetadata, KubeObjectMetadata, KubeObjectScope } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { RoleRef } from "./types/role-ref";
 import type { Subject } from "./types/subject";
@@ -15,7 +15,11 @@ export interface ClusterRoleBindingData extends KubeJsonApiData<KubeObjectMetada
   roleRef: RoleRef;
 }
 
-export class ClusterRoleBinding extends KubeObject<void, void, KubeObjectScope.Cluster> {
+export class ClusterRoleBinding extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
   static kind = "ClusterRoleBinding";
   static namespaced = false;
   static apiBase = "/apis/rbac.authorization.k8s.io/v1/clusterrolebindings";
diff --git a/src/common/k8s-api/endpoints/cluster-role.api.injectable.ts b/src/common/k8s-api/endpoints/cluster-role.api.injectable.ts
index 19a8f83542..9b56bc2559 100644
--- a/src/common/k8s-api/endpoints/cluster-role.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/cluster-role.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ClusterRoleApi } from "./cluster-role.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const clusterRoleApiInjectable = getInjectable({
   id: "cluster-role-api",
@@ -14,6 +15,8 @@ const clusterRoleApiInjectable = getInjectable({
 
     return new ClusterRoleApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default clusterRoleApiInjectable;
diff --git a/src/common/k8s-api/endpoints/cluster-role.api.ts b/src/common/k8s-api/endpoints/cluster-role.api.ts
index ff9503f231..f99168b395 100644
--- a/src/common/k8s-api/endpoints/cluster-role.api.ts
+++ b/src/common/k8s-api/endpoints/cluster-role.api.ts
@@ -6,7 +6,7 @@
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import type { KubeJsonApiData } from "../kube-json-api";
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { ClusterScopedMetadata, KubeObjectMetadata, KubeObjectScope } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { AggregationRule } from "./types/aggregation-rule";
 import type { PolicyRule } from "./types/policy-rule";
@@ -16,7 +16,11 @@ export interface ClusterRoleData extends KubeJsonApiData<KubeObjectMetadata<Kube
   aggregationRule?: AggregationRule;
 }
 
-export class ClusterRole extends KubeObject<void, void, KubeObjectScope.Cluster> {
+export class ClusterRole extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
   static kind = "ClusterRole";
   static namespaced = false;
   static apiBase = "/apis/rbac.authorization.k8s.io/v1/clusterroles";
diff --git a/src/common/k8s-api/endpoints/cluster.api.injectable.ts b/src/common/k8s-api/endpoints/cluster.api.injectable.ts
index fd82ae93f3..8d51e630ee 100644
--- a/src/common/k8s-api/endpoints/cluster.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/cluster.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ClusterApi } from "./cluster.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const clusterApiInjectable = getInjectable({
   id: "cluster-api",
@@ -14,6 +15,8 @@ const clusterApiInjectable = getInjectable({
 
     return new ClusterApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default clusterApiInjectable;
diff --git a/src/common/k8s-api/endpoints/component-status.api.injectable.ts b/src/common/k8s-api/endpoints/component-status.api.injectable.ts
index fbe4b7f176..395c825401 100644
--- a/src/common/k8s-api/endpoints/component-status.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/component-status.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ComponentStatusApi } from "./component-status.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const componentStatusApiInjectable = getInjectable({
   id: "component-status-api",
@@ -14,6 +15,8 @@ const componentStatusApiInjectable = getInjectable({
 
     return new ComponentStatusApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default componentStatusApiInjectable;
diff --git a/src/common/k8s-api/endpoints/config-map.api.injectable.ts b/src/common/k8s-api/endpoints/config-map.api.injectable.ts
index 715e1ba728..d643849f70 100644
--- a/src/common/k8s-api/endpoints/config-map.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/config-map.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ConfigMapApi } from "./config-map.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const configMapApiInjectable = getInjectable({
   id: "config-map-api",
@@ -14,6 +15,8 @@ const configMapApiInjectable = getInjectable({
 
     return new ConfigMapApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default configMapApiInjectable;
diff --git a/src/common/k8s-api/endpoints/config-map.api.ts b/src/common/k8s-api/endpoints/config-map.api.ts
index 5577c690f7..922274d32a 100644
--- a/src/common/k8s-api/endpoints/config-map.api.ts
+++ b/src/common/k8s-api/endpoints/config-map.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { KubeJsonApiData } from "../kube-json-api";
 import type { DerivedKubeApiOptions } from "../kube-api";
@@ -16,7 +16,11 @@ export interface ConfigMapData extends KubeJsonApiData<KubeObjectMetadata<KubeOb
   immutable?: boolean;
 }
 
-export class ConfigMap extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class ConfigMap extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static kind = "ConfigMap";
   static namespaced = true;
   static apiBase = "/api/v1/configmaps";
diff --git a/src/common/k8s-api/endpoints/cron-job.api.injectable.ts b/src/common/k8s-api/endpoints/cron-job.api.injectable.ts
index 9390d5d4c8..a22909861e 100644
--- a/src/common/k8s-api/endpoints/cron-job.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/cron-job.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { CronJobApi } from "./cron-job.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const cronJobApiInjectable = getInjectable({
   id: "cron-job-api",
@@ -14,6 +15,8 @@ const cronJobApiInjectable = getInjectable({
 
     return new CronJobApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default cronJobApiInjectable;
diff --git a/src/common/k8s-api/endpoints/cron-job.api.ts b/src/common/k8s-api/endpoints/cron-job.api.ts
index 5c3dda4d7d..131b632589 100644
--- a/src/common/k8s-api/endpoints/cron-job.api.ts
+++ b/src/common/k8s-api/endpoints/cron-job.api.ts
@@ -4,7 +4,7 @@
  */
 
 import moment from "moment";
-import type { KubeObjectScope, ObjectReference } from "../kube-object";
+import type { NamespaceScopedMetadata, ObjectReference } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import { formatDuration } from "../../utils/formatDuration";
 import type { DerivedKubeApiOptions, IgnoredKubeApiOptions } from "../kube-api";
@@ -66,7 +66,11 @@ export interface CronJobStatus {
   active?: ObjectReference[];
 }
 
-export class CronJob extends KubeObject<CronJobStatus, CronJobSpec, KubeObjectScope.Namespace> {
+export class CronJob extends KubeObject<
+  NamespaceScopedMetadata,
+  CronJobStatus,
+  CronJobSpec
+> {
   static readonly kind = "CronJob";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/batch/v1beta1/cronjobs";
diff --git a/src/common/k8s-api/endpoints/custom-resource-definition.api.injectable.ts b/src/common/k8s-api/endpoints/custom-resource-definition.api.injectable.ts
index abe728850c..c441b07c3e 100644
--- a/src/common/k8s-api/endpoints/custom-resource-definition.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/custom-resource-definition.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { CustomResourceDefinitionApi } from "./custom-resource-definition.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const customResourceDefinitionApiInjectable = getInjectable({
   id: "custom-resource-definition-api",
@@ -14,6 +15,8 @@ const customResourceDefinitionApiInjectable = getInjectable({
 
     return new CustomResourceDefinitionApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default customResourceDefinitionApiInjectable;
diff --git a/src/common/k8s-api/endpoints/custom-resource-definition.api.ts b/src/common/k8s-api/endpoints/custom-resource-definition.api.ts
index 90485a5ab8..9235e2c992 100644
--- a/src/common/k8s-api/endpoints/custom-resource-definition.api.ts
+++ b/src/common/k8s-api/endpoints/custom-resource-definition.api.ts
@@ -6,7 +6,7 @@
 import { getLegacyGlobalDiForExtensionApi } from "../../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
 import customResourcesRouteInjectable from "../../front-end-routing/routes/cluster/custom-resources/custom-resources/custom-resources-route.injectable";
 import { buildURL } from "../../utils/buildUrl";
-import type { BaseKubeObjectCondition, KubeObjectScope } from "../kube-object";
+import type { BaseKubeObjectCondition, ClusterScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -107,7 +107,11 @@ export interface CustomResourceDefinitionStatus {
   storedVersions: string[];
 }
 
-export class CustomResourceDefinition extends KubeObject<CustomResourceDefinitionStatus, CustomResourceDefinitionSpec, KubeObjectScope.Cluster> {
+export class CustomResourceDefinition extends KubeObject<
+  ClusterScopedMetadata,
+  CustomResourceDefinitionStatus,
+  CustomResourceDefinitionSpec
+> {
   static kind = "CustomResourceDefinition";
   static namespaced = false;
   static apiBase = "/apis/apiextensions.k8s.io/v1/customresourcedefinitions";
diff --git a/src/common/k8s-api/endpoints/daemon-set.api.injectable.ts b/src/common/k8s-api/endpoints/daemon-set.api.injectable.ts
index 346742c996..a1e1d65084 100644
--- a/src/common/k8s-api/endpoints/daemon-set.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/daemon-set.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { DaemonSetApi } from "./daemon-set.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const daemonSetApiInjectable = getInjectable({
   id: "daemon-set-api",
@@ -14,6 +15,8 @@ const daemonSetApiInjectable = getInjectable({
 
     return new DaemonSetApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default daemonSetApiInjectable;
diff --git a/src/common/k8s-api/endpoints/daemon-set.api.ts b/src/common/k8s-api/endpoints/daemon-set.api.ts
index 449e021495..f023652306 100644
--- a/src/common/k8s-api/endpoints/daemon-set.api.ts
+++ b/src/common/k8s-api/endpoints/daemon-set.api.ts
@@ -7,7 +7,7 @@ import type { DerivedKubeApiOptions, IgnoredKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import { metricsApi } from "./metrics.api";
 import type { PodMetricData } from "./pod.api";
-import type { KubeObjectScope, KubeObjectStatus, LabelSelector } from "../kube-object";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { PodTemplateSpec } from "./types/pod-template-spec";
 
@@ -41,7 +41,11 @@ export interface DaemonSetStatus extends KubeObjectStatus {
   updatedNumberScheduled?: number;
 }
 
-export class DaemonSet extends KubeObject<DaemonSetStatus, DaemonSetSpec, KubeObjectScope.Namespace> {
+export class DaemonSet extends KubeObject<
+  NamespaceScopedMetadata,
+  DaemonSetStatus,
+  DaemonSetSpec
+> {
   static kind = "DaemonSet";
   static namespaced = true;
   static apiBase = "/apis/apps/v1/daemonsets";
diff --git a/src/common/k8s-api/endpoints/deployment.api.injectable.ts b/src/common/k8s-api/endpoints/deployment.api.injectable.ts
index 5b94d949aa..26c98c39e6 100644
--- a/src/common/k8s-api/endpoints/deployment.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/deployment.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { DeploymentApi } from "./deployment.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const deploymentApiInjectable = getInjectable({
   id: "deployment-api",
@@ -14,6 +15,8 @@ const deploymentApiInjectable = getInjectable({
 
     return new DeploymentApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default deploymentApiInjectable;
diff --git a/src/common/k8s-api/endpoints/deployment.api.ts b/src/common/k8s-api/endpoints/deployment.api.ts
index c877669ba4..f67f26f70f 100644
--- a/src/common/k8s-api/endpoints/deployment.api.ts
+++ b/src/common/k8s-api/endpoints/deployment.api.ts
@@ -9,7 +9,7 @@ import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import { metricsApi } from "./metrics.api";
 import type { PodMetricData, PodSpec } from "./pod.api";
-import type { KubeObjectScope, KubeObjectStatus, LabelSelector } from "../kube-object";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import { hasTypedProperty, isNumber, isObject } from "../../utils";
 
@@ -116,7 +116,11 @@ export interface DeploymentStatus extends KubeObjectStatus {
   unavailableReplicas?: number;
 }
 
-export class Deployment extends KubeObject<DeploymentStatus, DeploymentSpec, KubeObjectScope.Namespace> {
+export class Deployment extends KubeObject<
+  NamespaceScopedMetadata,
+  DeploymentStatus,
+  DeploymentSpec
+> {
   static kind = "Deployment";
   static namespaced = true;
   static apiBase = "/apis/apps/v1/deployments";
diff --git a/src/common/k8s-api/endpoints/endpoint.api.injectable.ts b/src/common/k8s-api/endpoints/endpoint.api.injectable.ts
index 44a6595b6c..79a57cd3e7 100644
--- a/src/common/k8s-api/endpoints/endpoint.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/endpoint.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { EndpointsApi } from "./endpoint.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const endpointsApiInjectable = getInjectable({
   id: "endpoints-api",
@@ -14,6 +15,8 @@ const endpointsApiInjectable = getInjectable({
 
     return new EndpointsApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default endpointsApiInjectable;
diff --git a/src/common/k8s-api/endpoints/endpoint.api.ts b/src/common/k8s-api/endpoints/endpoint.api.ts
index 38af0044a5..dd61bc2211 100644
--- a/src/common/k8s-api/endpoints/endpoint.api.ts
+++ b/src/common/k8s-api/endpoints/endpoint.api.ts
@@ -4,7 +4,7 @@
  */
 
 import { autoBind } from "../../utils";
-import type { KubeObjectMetadata, KubeObjectScope, ObjectReference } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata, ObjectReference } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -75,7 +75,11 @@ export interface EndpointsData extends KubeJsonApiData<KubeObjectMetadata<KubeOb
   subsets?: EndpointSubset[];
 }
 
-export class Endpoints extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class Endpoints extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static kind = "Endpoints";
   static namespaced = true;
   static apiBase = "/api/v1/endpoints";
diff --git a/src/common/k8s-api/endpoints/events.api.injectable.ts b/src/common/k8s-api/endpoints/events.api.injectable.ts
index c4fbe81224..83f0697d31 100644
--- a/src/common/k8s-api/endpoints/events.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/events.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { KubeEventApi } from "./events.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const kubeEventApiInjectable = getInjectable({
   id: "kube-event-api",
@@ -14,6 +15,8 @@ const kubeEventApiInjectable = getInjectable({
 
     return new KubeEventApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default kubeEventApiInjectable;
diff --git a/src/common/k8s-api/endpoints/helm-charts.api.ts b/src/common/k8s-api/endpoints/helm-charts.api.ts
index 2690e95afb..f4ba0cf45f 100644
--- a/src/common/k8s-api/endpoints/helm-charts.api.ts
+++ b/src/common/k8s-api/endpoints/helm-charts.api.ts
@@ -315,6 +315,8 @@ export class HelmChart implements HelmChartData {
     autoBind(this);
   }
 
+  static create(data: RawHelmChart): HelmChart;
+  static create(data: RawHelmChart, opts?: HelmChartCreateOpts): HelmChart | undefined;
   static create(data: RawHelmChart, { onError = "throw" }: HelmChartCreateOpts = {}): HelmChart | undefined {
     const result = helmChartValidator.validate(data, {
       abortEarly: false,
diff --git a/src/common/k8s-api/endpoints/helm-releases.api.ts b/src/common/k8s-api/endpoints/helm-releases.api.ts
index b3922276bd..f9e11073c0 100644
--- a/src/common/k8s-api/endpoints/helm-releases.api.ts
+++ b/src/common/k8s-api/endpoints/helm-releases.api.ts
@@ -3,48 +3,11 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import yaml from "js-yaml";
-import { formatDuration } from "../../utils";
-import capitalize from "lodash/capitalize";
 import { apiBase } from "../index";
-import { helmChartStore } from "../../../renderer/components/+helm-charts/helm-chart.store";
 import type { ItemObject } from "../../item.store";
 import type { JsonApiData } from "../json-api";
 import { buildURLPositional } from "../../utils/buildUrl";
-import type { KubeJsonApiData } from "../kube-json-api";
-
-export interface HelmReleaseDetails {
-  resources: KubeJsonApiData[];
-  name: string;
-  namespace: string;
-  version: string;
-  config: string;  // release values
-  manifest: string;
-  info: {
-    deleted: string;
-    description: string;
-    first_deployed: string;
-    last_deployed: string;
-    notes: string;
-    status: string;
-  };
-}
-
-export interface HelmReleaseCreatePayload {
-  name?: string;
-  repo: string;
-  chart: string;
-  namespace: string;
-  version: string;
-  values: string;
-}
-
-export interface HelmReleaseUpdatePayload {
-  repo: string;
-  chart: string;
-  version: string;
-  values: string;
-}
+import type { HelmReleaseDetails } from "../../../renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.injectable";
 
 export interface HelmReleaseUpdateDetails {
   log: string;
@@ -69,47 +32,7 @@ interface EndpointQuery {
   all?: boolean;
 }
 
-const endpoint = buildURLPositional<EndpointParams, EndpointQuery>("/v2/releases/:namespace?/:name?/:route?");
-
-export async function listReleases(namespace?: string): Promise<HelmRelease[]> {
-  const releases = await apiBase.get<HelmReleaseDto[]>(endpoint({ namespace }));
-
-  return releases.map(toHelmRelease);
-}
-
-export async function getRelease(name: string, namespace: string): Promise<HelmReleaseDetails> {
-  const path = endpoint({ name, namespace });
-
-  return apiBase.get(path);
-}
-
-export async function createRelease(payload: HelmReleaseCreatePayload): Promise<HelmReleaseUpdateDetails> {
-  const { repo, chart: rawChart, values: rawValues, ...data } = payload;
-  const chart = `${repo}/${rawChart}`;
-  const values = yaml.load(rawValues);
-
-  return apiBase.post(endpoint(), {
-    data: {
-      chart,
-      values,
-      ...data,
-    },
-  });
-}
-
-export async function updateRelease(name: string, namespace: string, payload: HelmReleaseUpdatePayload): Promise<HelmReleaseUpdateDetails> {
-  const { repo, chart: rawChart, values: rawValues, ...data } = payload;
-  const chart = `${repo}/${rawChart}`;
-  const values = yaml.load(rawValues);
-
-  return apiBase.put(endpoint({ name, namespace }), {
-    data: {
-      chart,
-      values,
-      ...data,
-    },
-  });
-}
+export const endpoint = buildURLPositional<EndpointParams, EndpointQuery>("/v2/releases/:namespace?/:name?/:route?");
 
 export async function deleteRelease(name: string, namespace: string): Promise<JsonApiData> {
   const path = endpoint({ name, namespace });
@@ -139,7 +62,7 @@ export async function rollbackRelease(name: string, namespace: string, revision:
   return apiBase.put(path, { data });
 }
 
-interface HelmReleaseDto {
+export interface HelmReleaseDto {
   appVersion: string;
   name: string;
   namespace: string;
@@ -158,70 +81,3 @@ export interface HelmRelease extends HelmReleaseDto, ItemObject {
   getUpdated: (humanize?: boolean, compact?: boolean) => string | number;
   getRepo: () => Promise<string>;
 }
-
-const toHelmRelease = (release: HelmReleaseDto) : HelmRelease => ({
-  ...release,
-
-  getId() {
-    return this.namespace + this.name;
-  },
-
-  getName() {
-    return this.name;
-  },
-
-  getNs() {
-    return this.namespace;
-  },
-
-  getChart(withVersion = false) {
-    let chart = this.chart;
-
-    if (!withVersion && this.getVersion() != "") {
-      const search = new RegExp(`-${this.getVersion()}`);
-
-      chart = chart.replace(search, "");
-    }
-
-    return chart;
-  },
-
-  getRevision() {
-    return parseInt(this.revision, 10);
-  },
-
-  getStatus() {
-    return capitalize(this.status);
-  },
-
-  getVersion() {
-    const versions = this.chart.match(/(?<=-)(v?\d+)[^-].*$/);
-
-    return versions?.[0] ?? "";
-  },
-
-  getUpdated(humanize = true, compact = true) {
-    const updated = this.updated.replace(/\s\w*$/, ""); // 2019-11-26 10:58:09 +0300 MSK -> 2019-11-26 10:58:09 +0300 to pass into Date()
-    const updatedDate = new Date(updated).getTime();
-    const diff = Date.now() - updatedDate;
-
-    if (humanize) {
-      return formatDuration(diff, compact);
-    }
-
-    return diff;
-  },
-
-  // Helm does not store from what repository the release is installed,
-  // so we have to try to guess it by searching charts
-  async getRepo() {
-    const chartName = this.getChart();
-    const version = this.getVersion();
-    const versions = await helmChartStore.getVersions(chartName);
-    const chartVersion = versions.find(
-      (chartVersion) => chartVersion.version === version,
-    );
-
-    return chartVersion ? chartVersion.repo : "";
-  },
-});
diff --git a/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable.ts b/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable.ts
index 70b6458456..7449053661 100644
--- a/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { HorizontalPodAutoscalerApi } from "./horizontal-pod-autoscaler.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const horizontalPodAutoscalerApiInjectable = getInjectable({
   id: "horizontal-pod-autoscaler-api",
@@ -14,6 +15,8 @@ const horizontalPodAutoscalerApiInjectable = getInjectable({
 
     return new HorizontalPodAutoscalerApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default horizontalPodAutoscalerApiInjectable;
diff --git a/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts b/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts
index 06d5669220..70857fd881 100644
--- a/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts
+++ b/src/common/k8s-api/endpoints/horizontal-pod-autoscaler.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { BaseKubeObjectCondition, KubeObjectScope, LabelSelector } from "../kube-object";
+import type { BaseKubeObjectCondition, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -58,11 +58,11 @@ export interface ResourceMetricSource {
 }
 
 export interface BaseHorizontalPodAutoscalerMetricSpec {
-  resource: ResourceMetricSource;
-  object: ObjectMetricSource;
-  external: ExternalMetricSource;
-  pods: PodsMetricSource;
   containerResource: ContainerResourceMetricSource;
+  external: ExternalMetricSource;
+  object: ObjectMetricSource;
+  pods: PodsMetricSource;
+  resource: ResourceMetricSource;
 }
 
 export type HorizontalPodAutoscalerMetricSpec =
@@ -72,6 +72,55 @@ export type HorizontalPodAutoscalerMetricSpec =
   | OptionVarient<HpaMetricType.Pods, BaseHorizontalPodAutoscalerMetricSpec, "pods">
   | OptionVarient<HpaMetricType.ContainerResource, BaseHorizontalPodAutoscalerMetricSpec, "containerResource">;
 
+export interface ContainerResourceMetricStatus {
+  container: string;
+  currentAverageUtilization?: number;
+  currentAverageValue: string;
+  name: string;
+}
+
+export interface ExternalMetricStatus {
+  currentAverageValue?: string;
+  currentValue: string;
+  metricName: string;
+  metricSelector?: LabelSelector;
+}
+
+export interface ObjectMetricStatus {
+  averageValue?: string;
+  currentValue?: string;
+  metricName: string;
+  selector?: LabelSelector;
+  target: CrossVersionObjectReference;
+}
+
+export interface PodsMetricStatus {
+  currentAverageValue: string;
+  metricName: string;
+  selector?: LabelSelector;
+}
+
+export interface ResourceMetricStatus {
+  currentAverageUtilization?: number;
+  currentAverageValue: string;
+  name: string;
+}
+
+export interface BaseHorizontalPodAutoscalerMetricStatus {
+  containerResource: ContainerResourceMetricStatus;
+  external: ExternalMetricStatus;
+  object: ObjectMetricStatus;
+  pods: PodsMetricStatus;
+  resource: ResourceMetricStatus;
+}
+
+export type HorizontalPodAutoscalerMetricStatus =
+  | OptionVarient<HpaMetricType.Resource, BaseHorizontalPodAutoscalerMetricStatus, "resource">
+  | OptionVarient<HpaMetricType.External, BaseHorizontalPodAutoscalerMetricStatus, "external">
+  | OptionVarient<HpaMetricType.Object, BaseHorizontalPodAutoscalerMetricStatus, "object">
+  | OptionVarient<HpaMetricType.Pods, BaseHorizontalPodAutoscalerMetricStatus, "pods">
+  | OptionVarient<HpaMetricType.ContainerResource, BaseHorizontalPodAutoscalerMetricStatus, "containerResource">;
+
 export interface CrossVersionObjectReference {
   kind: string;
   name: string;
@@ -89,7 +138,7 @@ export interface HorizontalPodAutoscalerStatus {
   conditions?: BaseKubeObjectCondition[];
   currentReplicas: number;
   desiredReplicas: number;
-  currentMetrics: HorizontalPodAutoscalerMetricSpec[];
+  currentMetrics?: HorizontalPodAutoscalerMetricStatus[];
 }
 
 interface MetricCurrentTarget {
@@ -97,7 +146,11 @@ interface MetricCurrentTarget {
   target?: string;
 }
 
-export class HorizontalPodAutoscaler extends KubeObject<HorizontalPodAutoscalerStatus, HorizontalPodAutoscalerSpec, KubeObjectScope.Namespace> {
+export class HorizontalPodAutoscaler extends KubeObject<
+  NamespaceScopedMetadata,
+  HorizontalPodAutoscalerStatus,
+  HorizontalPodAutoscalerSpec
+> {
   static readonly kind = "HorizontalPodAutoscaler";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/autoscaling/v2beta1/horizontalpodautoscalers";
@@ -138,114 +191,11 @@ export class HorizontalPodAutoscaler extends KubeObject<HorizontalPodAutoscalerS
     return this.status?.currentMetrics ?? [];
   }
 
-  protected getMetricName(metric: HorizontalPodAutoscalerMetricSpec): string {
-    switch (metric.type) {
-      case HpaMetricType.Resource:
-        return metric.resource.name;
-      case HpaMetricType.Pods:
-        return metric.pods.metricName;
-      case HpaMetricType.Object:
-        return metric.object.metricName;
-      case HpaMetricType.External:
-        return metric.external.metricName;
-      case HpaMetricType.ContainerResource:
-        return metric.containerResource.name;
-      default:
-        return `<unknown metric type: ${(metric as HorizontalPodAutoscalerMetricSpec).type}>`;
-    }
-  }
-
-  protected getResourceMetricValue(currentMetric: ResourceMetricSource | undefined, targetMetric: ResourceMetricSource): MetricCurrentTarget {
-    return {
-      current: (
-        currentMetric?.targetAverageUtilization
-          ? `${currentMetric.targetAverageUtilization}%`
-          : currentMetric?.targetAverageValue
-      ),
-      target: (
-        targetMetric?.targetAverageUtilization
-          ? `${targetMetric.targetAverageUtilization}%`
-          : targetMetric?.targetAverageValue
-      ),
-    };
-  }
-
-  protected getPodsMetricValue(currentMetric: PodsMetricSource | undefined, targetMetric: PodsMetricSource): MetricCurrentTarget {
-    return {
-      current: currentMetric?.targetAverageValue,
-      target: targetMetric?.targetAverageValue,
-    };
-  }
-
-  protected getObjectMetricValue(currentMetric: ObjectMetricSource | undefined, targetMetric: ObjectMetricSource): MetricCurrentTarget {
-    return {
-      current: (
-        currentMetric?.targetValue
-        ?? currentMetric?.averageValue
-      ),
-      target: (
-        targetMetric?.targetValue
-        ?? targetMetric?.averageValue
-      ),
-    };
-  }
-
-  protected getExternalMetricValue(currentMetric: ExternalMetricSource | undefined, targetMetric: ExternalMetricSource): MetricCurrentTarget {
-    return {
-      current: (
-        currentMetric?.targetValue
-        ?? currentMetric?.targetAverageValue
-      ),
-      target: (
-        targetMetric?.targetValue
-        ?? targetMetric?.targetAverageValue
-      ),
-    };
-  }
-
-  protected getContainerResourceMetricValue(currentMetric: ContainerResourceMetricSource | undefined, targetMetric: ContainerResourceMetricSource): MetricCurrentTarget {
-    return {
-      current: (
-        currentMetric?.targetAverageUtilization
-          ? `${currentMetric.targetAverageUtilization}%`
-          : currentMetric?.targetAverageValue
-      ),
-      target: (
-        targetMetric?.targetAverageUtilization
-          ? `${targetMetric.targetAverageUtilization}%`
-          : targetMetric?.targetAverageValue
-      ),
-    };
-  }
-
-  protected getMetricCurrentTarget(metric: HorizontalPodAutoscalerMetricSpec): MetricCurrentTarget {
-    const currentMetric = this.getMetrics()
-      .find(m => (
-        m.type === metric.type
-        && this.getMetricName(m) === this.getMetricName(metric)
-      ));
-
-    switch (metric.type) {
-      case HpaMetricType.Resource:
-        return this.getResourceMetricValue(currentMetric?.resource, metric.resource);
-      case HpaMetricType.Pods:
-        return this.getPodsMetricValue(currentMetric?.pods, metric.pods);
-      case HpaMetricType.Object:
-        return this.getObjectMetricValue(currentMetric?.object, metric.object);
-      case HpaMetricType.External:
-        return this.getExternalMetricValue(currentMetric?.external, metric.external);
-      case HpaMetricType.ContainerResource:
-        return this.getContainerResourceMetricValue(currentMetric?.containerResource, metric.containerResource);
-      default:
-        return {};
-    }
-  }
-
   getMetricValues(metric: HorizontalPodAutoscalerMetricSpec): string {
     const {
       current = "unknown",
       target = "unknown",
-    } = this.getMetricCurrentTarget(metric);
+    } = getMetricCurrentTarget(metric, this.getCurrentMetrics());
 
     return `${current} / ${target}`;
   }
@@ -259,3 +209,105 @@ export class HorizontalPodAutoscalerApi extends KubeApi<HorizontalPodAutoscaler>
     });
   }
 }
+
+function getMetricName(metric: HorizontalPodAutoscalerMetricSpec | HorizontalPodAutoscalerMetricStatus): string | undefined {
+  switch (metric.type) {
+    case HpaMetricType.Resource:
+      return metric.resource.name;
+    case HpaMetricType.Pods:
+      return metric.pods.metricName;
+    case HpaMetricType.Object:
+      return metric.object.metricName;
+    case HpaMetricType.External:
+      return metric.external.metricName;
+    case HpaMetricType.ContainerResource:
+      return metric.containerResource.name;
+    default:
+      return undefined;
+  }
+}
+
+function getResourceMetricValue(currentMetric: ResourceMetricStatus | undefined, targetMetric: ResourceMetricSource): MetricCurrentTarget {
+  return {
+    current: (
+      typeof currentMetric?.currentAverageUtilization === "number"
+        ? `${currentMetric.currentAverageUtilization}%`
+        : currentMetric?.currentAverageValue
+    ),
+    target: (
+      typeof targetMetric?.targetAverageUtilization === "number"
+        ? `${targetMetric.targetAverageUtilization}%`
+        : targetMetric?.targetAverageValue
+    ),
+  };
+}
+
+function getPodsMetricValue(currentMetric: PodsMetricStatus | undefined, targetMetric: PodsMetricSource): MetricCurrentTarget {
+  return {
+    current: currentMetric?.currentAverageValue,
+    target: targetMetric?.targetAverageValue,
+  };
+}
+
+function getObjectMetricValue(currentMetric: ObjectMetricStatus | undefined, targetMetric: ObjectMetricSource): MetricCurrentTarget {
+  return {
+    current: (
+      currentMetric?.currentValue
+        ?? currentMetric?.averageValue
+    ),
+    target: (
+      targetMetric?.targetValue
+        ?? targetMetric?.averageValue
+    ),
+  };
+}
+
+function getExternalMetricValue(currentMetric: ExternalMetricStatus | undefined, targetMetric: ExternalMetricSource): MetricCurrentTarget {
+  return {
+    current: (
+      currentMetric?.currentValue
+        ?? currentMetric?.currentAverageValue
+    ),
+    target: (
+      targetMetric?.targetValue
+        ?? targetMetric?.targetAverageValue
+    ),
+  };
+}
+
+function getContainerResourceMetricValue(currentMetric: ContainerResourceMetricStatus | undefined, targetMetric: ContainerResourceMetricSource): MetricCurrentTarget {
+  return {
+    current: (
+      typeof currentMetric?.currentAverageUtilization === "number"
+        ? `${currentMetric.currentAverageUtilization}%`
+        : currentMetric?.currentAverageValue
+    ),
+    target: (
+      typeof targetMetric?.targetAverageUtilization === "number"
+        ? `${targetMetric.targetAverageUtilization}%`
+        : targetMetric?.targetAverageValue
+    ),
+  };
+}
+
+function getMetricCurrentTarget(spec: HorizontalPodAutoscalerMetricSpec, status: HorizontalPodAutoscalerMetricStatus[]): MetricCurrentTarget {
+  const currentMetric = status.find(m => (
+    m.type === spec.type
+      && getMetricName(m) === getMetricName(spec)
+  ));
+
+  switch (spec.type) {
+    case HpaMetricType.Resource:
+      return getResourceMetricValue(currentMetric?.resource, spec.resource);
+    case HpaMetricType.Pods:
+      return getPodsMetricValue(currentMetric?.pods, spec.pods);
+    case HpaMetricType.Object:
+      return getObjectMetricValue(currentMetric?.object, spec.object);
+    case HpaMetricType.External:
+      return getExternalMetricValue(currentMetric?.external, spec.external);
+    case HpaMetricType.ContainerResource:
+      return getContainerResourceMetricValue(currentMetric?.containerResource, spec.containerResource);
+    default:
+      return {};
+  }
+}
diff --git a/src/common/k8s-api/endpoints/index.ts b/src/common/k8s-api/endpoints/index.ts
index 5038915657..0e2e677521 100644
--- a/src/common/k8s-api/endpoints/index.ts
+++ b/src/common/k8s-api/endpoints/index.ts
@@ -29,6 +29,7 @@ export * from "./pod.api";
 export * from "./pod-disruption-budget.api";
 export * from "./pod-metrics.api";
 export * from "./pod-security-policy.api";
+export * from "./priority-class.api";
 export * from "./replica-set.api";
 export * from "./resource-quota.api";
 export * from "./role.api";
@@ -40,3 +41,4 @@ export * from "./service-account.api";
 export * from "./stateful-set.api";
 export * from "./storage-class.api";
 export * from "./legacy-globals";
+export * from "./types";
diff --git a/src/common/k8s-api/endpoints/ingress.api.injectable.ts b/src/common/k8s-api/endpoints/ingress.api.injectable.ts
index ca280508b2..350f8824e4 100644
--- a/src/common/k8s-api/endpoints/ingress.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/ingress.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { IngressApi } from "./ingress.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const ingressApiInjectable = getInjectable({
   id: "ingress-api",
@@ -14,6 +15,8 @@ const ingressApiInjectable = getInjectable({
 
     return new IngressApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default ingressApiInjectable;
diff --git a/src/common/k8s-api/endpoints/ingress.api.ts b/src/common/k8s-api/endpoints/ingress.api.ts
index 4b9c044b0a..84910d2783 100644
--- a/src/common/k8s-api/endpoints/ingress.api.ts
+++ b/src/common/k8s-api/endpoints/ingress.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope, TypedLocalObjectReference } from "../kube-object";
+import type { NamespaceScopedMetadata, TypedLocalObjectReference } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import { hasTypedProperty, isString, iter } from "../../utils";
 import type { MetricData } from "./metrics.api";
@@ -136,11 +136,15 @@ export interface IngressSpec {
 
 export interface IngressStatus {
   loadBalancer: {
-    ingress: ILoadBalancerIngress[];
+    ingress?: ILoadBalancerIngress[];
   };
 }
 
-export class Ingress extends KubeObject<IngressStatus, IngressSpec, KubeObjectScope.Namespace> {
+export class Ingress extends KubeObject<
+  NamespaceScopedMetadata,
+  IngressStatus,
+  IngressSpec
+> {
   static readonly kind = "Ingress";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/networking.k8s.io/v1/ingresses";
@@ -199,7 +203,7 @@ export class Ingress extends KubeObject<IngressStatus, IngressSpec, KubeObjectSc
   }
 
   getLoadBalancers() {
-    return this.status?.loadBalancer.ingress.map(address => (
+    return this.status?.loadBalancer?.ingress?.map(address => (
       address.hostname || address.ip
     )) ?? [];
   }
diff --git a/src/common/k8s-api/endpoints/job.api.injectable.ts b/src/common/k8s-api/endpoints/job.api.injectable.ts
index c0bbe9161e..a9c4252e59 100644
--- a/src/common/k8s-api/endpoints/job.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/job.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { JobApi } from "./job.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const jobApiInjectable = getInjectable({
   id: "job-api",
@@ -14,6 +15,8 @@ const jobApiInjectable = getInjectable({
 
     return new JobApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default jobApiInjectable;
diff --git a/src/common/k8s-api/endpoints/job.api.ts b/src/common/k8s-api/endpoints/job.api.ts
index 252fc13f6e..84e166ecc4 100644
--- a/src/common/k8s-api/endpoints/job.api.ts
+++ b/src/common/k8s-api/endpoints/job.api.ts
@@ -6,8 +6,9 @@
 import type { DerivedKubeApiOptions, IgnoredKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import { metricsApi } from "./metrics.api";
-import type { PodContainer, PodMetricData, PodSpec } from "./pod.api";
-import type { KubeObjectScope, KubeObjectStatus, LabelSelector } from "../kube-object";
+import type { PodMetricData, PodSpec } from "./pod.api";
+import type { Container } from "./types/container";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 
 export interface JobSpec {
@@ -23,7 +24,7 @@ export interface JobSpec {
     };
     spec: PodSpec;
   };
-  containers?: PodContainer[];
+  containers?: Container[];
   restartPolicy?: string;
   terminationGracePeriodSeconds?: number;
   dnsPolicy?: string;
@@ -38,7 +39,11 @@ export interface JobStatus extends KubeObjectStatus {
   succeeded: number;
 }
 
-export class Job extends KubeObject<JobStatus, JobSpec, KubeObjectScope.Namespace> {
+export class Job extends KubeObject<
+  NamespaceScopedMetadata,
+  JobStatus,
+  JobSpec
+> {
   static readonly kind = "Job";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/batch/v1/jobs";
diff --git a/src/common/k8s-api/endpoints/limit-range.api.injectable.ts b/src/common/k8s-api/endpoints/limit-range.api.injectable.ts
index 1842fdf33e..c2898c998a 100644
--- a/src/common/k8s-api/endpoints/limit-range.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/limit-range.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { LimitRangeApi } from "./limit-range.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const limitRangeApiInjectable = getInjectable({
   id: "limit-range-api",
@@ -14,6 +15,8 @@ const limitRangeApiInjectable = getInjectable({
 
     return new LimitRangeApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default limitRangeApiInjectable;
diff --git a/src/common/k8s-api/endpoints/limit-range.api.ts b/src/common/k8s-api/endpoints/limit-range.api.ts
index 704ae85b48..5ed0974edc 100644
--- a/src/common/k8s-api/endpoints/limit-range.api.ts
+++ b/src/common/k8s-api/endpoints/limit-range.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope } from "../kube-object";
+import type { NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -39,7 +39,11 @@ export interface LimitRangeSpec {
   limits: LimitRangeItem[];
 }
 
-export class LimitRange extends KubeObject<void, LimitRangeSpec, KubeObjectScope.Namespace> {
+export class LimitRange extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  LimitRangeSpec
+> {
   static readonly kind = "LimitRange";
   static readonly namespaced = true;
   static readonly apiBase = "/api/v1/limitranges";
diff --git a/src/common/k8s-api/endpoints/metrics.api.ts b/src/common/k8s-api/endpoints/metrics.api.ts
index 7b0028b061..b5469e8a24 100644
--- a/src/common/k8s-api/endpoints/metrics.api.ts
+++ b/src/common/k8s-api/endpoints/metrics.api.ts
@@ -7,7 +7,6 @@
 
 import moment from "moment";
 import { apiBase } from "../index";
-import type { IMetricsQuery } from "../../../main/routes/metrics/metrics-query";
 
 export interface MetricData {
   status: string;
@@ -55,28 +54,33 @@ export interface IResourceMetrics<T extends MetricData> {
   networkTransmit: T;
 }
 
+async function getMetrics(query: string, reqParams?: IMetricsReqParams): Promise<MetricData>;
+async function getMetrics(query: string[], reqParams?: IMetricsReqParams): Promise<MetricData[]>;
+async function getMetrics<MetricNames extends string>(query: Record<MetricNames, Partial<Record<string, string>>>, reqParams?: IMetricsReqParams): Promise<Record<MetricNames, MetricData>>;
+
+async function getMetrics(query: string | string[] | Partial<Record<string, Partial<Record<string, string>>>>, reqParams: IMetricsReqParams = {}): Promise<MetricData | MetricData[] | Partial<Record<string, MetricData>>> {
+  const { range = 3600, step = 60, namespace } = reqParams;
+  let { start, end } = reqParams;
+
+  if (!start && !end) {
+    const timeNow = Date.now() / 1000;
+    const now = moment.unix(timeNow).startOf("minute").unix();  // round date to minutes
+
+    start = now - range;
+    end = now;
+  }
+
+  return apiBase.post("/metrics", {
+    data: query,
+    query: {
+      start, end, step,
+      "kubernetes_namespace": namespace,
+    },
+  });
+}
+
 export const metricsApi = {
-  async getMetrics<T = IMetricsQuery>(query: T, reqParams: IMetricsReqParams = {}): Promise<T extends object ? { [K in keyof T]: MetricData } : MetricData> {
-    const { range = 3600, step = 60, namespace } = reqParams;
-    let { start, end } = reqParams;
-
-    if (!start && !end) {
-      const timeNow = Date.now() / 1000;
-      const now = moment.unix(timeNow).startOf("minute").unix();  // round date to minutes
-
-      start = now - range;
-      end = now;
-    }
-
-    return apiBase.post("/metrics", {
-      data: query,
-      query: {
-        start, end, step,
-        "kubernetes_namespace": namespace,
-      },
-    });
-  },
-
+  getMetrics,
   async getMetricProviders(): Promise<MetricProviderInfo[]> {
     return apiBase.get("/metrics/providers");
   },
diff --git a/src/common/k8s-api/endpoints/namespace.api.injectable.ts b/src/common/k8s-api/endpoints/namespace.api.injectable.ts
index 0ff259f58d..c55c6b9521 100644
--- a/src/common/k8s-api/endpoints/namespace.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/namespace.api.injectable.ts
@@ -6,14 +6,18 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { NamespaceApi } from "./namespace.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const namespaceApiInjectable = getInjectable({
   id: "namespace-api",
+
   instantiate: (di) => {
     assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "namespaceApi is only available in certain environments");
 
     return new NamespaceApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default namespaceApiInjectable;
diff --git a/src/common/k8s-api/endpoints/namespace.api.ts b/src/common/k8s-api/endpoints/namespace.api.ts
index b95245f712..6a2c7e2a95 100644
--- a/src/common/k8s-api/endpoints/namespace.api.ts
+++ b/src/common/k8s-api/endpoints/namespace.api.ts
@@ -5,7 +5,7 @@
 
 import type { DerivedKubeApiOptions, IgnoredKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
-import type { KubeObjectScope, KubeObjectStatus } from "../kube-object";
+import type { ClusterScopedMetadata, KubeObjectStatus } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import { metricsApi } from "./metrics.api";
 import type { PodMetricData } from "./pod.api";
@@ -23,7 +23,11 @@ export interface NamespaceStatus extends KubeObjectStatus {
   phase?: string;
 }
 
-export class Namespace extends KubeObject<NamespaceStatus, NamespaceSpec, KubeObjectScope.Cluster> {
+export class Namespace extends KubeObject<
+  ClusterScopedMetadata,
+  NamespaceStatus,
+  NamespaceSpec
+> {
   static readonly kind = "Namespace";
   static readonly namespaced = false;
   static readonly apiBase = "/api/v1/namespaces";
diff --git a/src/common/k8s-api/endpoints/network-policy.api.injectable.ts b/src/common/k8s-api/endpoints/network-policy.api.injectable.ts
index e351451f53..58a316605a 100644
--- a/src/common/k8s-api/endpoints/network-policy.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/network-policy.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { NetworkPolicyApi } from "./network-policy.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const networkPolicyApiInjectable = getInjectable({
   id: "network-policy-api",
@@ -14,6 +15,8 @@ const networkPolicyApiInjectable = getInjectable({
 
     return new NetworkPolicyApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default networkPolicyApiInjectable;
diff --git a/src/common/k8s-api/endpoints/network-policy.api.ts b/src/common/k8s-api/endpoints/network-policy.api.ts
index 0a369cfb94..518874f7aa 100644
--- a/src/common/k8s-api/endpoints/network-policy.api.ts
+++ b/src/common/k8s-api/endpoints/network-policy.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope, LabelSelector } from "../kube-object";
+import type { LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -99,11 +99,11 @@ export interface NetworkPolicySpec {
   egress?: IPolicyEgress[];
 }
 
-export interface NetworkPolicy {
-  spec: NetworkPolicySpec;
-}
-
-export class NetworkPolicy extends KubeObject<void, NetworkPolicySpec, KubeObjectScope.Namespace> {
+export class NetworkPolicy extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  NetworkPolicySpec
+> {
   static readonly kind = "NetworkPolicy";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/networking.k8s.io/v1/networkpolicies";
diff --git a/src/common/k8s-api/endpoints/node.api.injectable.ts b/src/common/k8s-api/endpoints/node.api.injectable.ts
index d382e9a7ba..4a0faf3270 100644
--- a/src/common/k8s-api/endpoints/node.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/node.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { NodeApi } from "./node.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const nodeApiInjectable = getInjectable({
   id: "node-api",
@@ -14,6 +15,8 @@ const nodeApiInjectable = getInjectable({
 
     return new NodeApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default nodeApiInjectable;
diff --git a/src/common/k8s-api/endpoints/node.api.ts b/src/common/k8s-api/endpoints/node.api.ts
index a51db59fa7..15da73311b 100644
--- a/src/common/k8s-api/endpoints/node.api.ts
+++ b/src/common/k8s-api/endpoints/node.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { BaseKubeObjectCondition, KubeObjectScope } from "../kube-object";
+import type { BaseKubeObjectCondition, ClusterScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import { cpuUnitsToNumber, unitsToBytes, isObject } from "../../../renderer/utils";
 import type { MetricData } from "./metrics.api";
@@ -176,7 +176,11 @@ export interface NodeStatus {
   volumesAttached?: AttachedVolume[];
 }
 
-export class Node extends KubeObject<NodeStatus, NodeSpec, KubeObjectScope.Cluster> {
+export class Node extends KubeObject<
+  ClusterScopedMetadata,
+  NodeStatus,
+  NodeSpec
+> {
   static readonly kind = "Node";
   static readonly namespaced = false;
   static readonly apiBase = "/api/v1/nodes";
diff --git a/src/common/k8s-api/endpoints/persistent-volume-claim.api.injectable.ts b/src/common/k8s-api/endpoints/persistent-volume-claim.api.injectable.ts
index fcd539b429..e765cf0c38 100644
--- a/src/common/k8s-api/endpoints/persistent-volume-claim.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/persistent-volume-claim.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { PersistentVolumeClaimApi } from "./persistent-volume-claim.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const persistentVolumeClaimApiInjectable = getInjectable({
   id: "persistent-volume-claim-api",
@@ -14,6 +15,8 @@ const persistentVolumeClaimApiInjectable = getInjectable({
 
     return new PersistentVolumeClaimApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default persistentVolumeClaimApiInjectable;
diff --git a/src/common/k8s-api/endpoints/persistent-volume-claim.api.ts b/src/common/k8s-api/endpoints/persistent-volume-claim.api.ts
index 947aeb4e57..733a9768c5 100644
--- a/src/common/k8s-api/endpoints/persistent-volume-claim.api.ts
+++ b/src/common/k8s-api/endpoints/persistent-volume-claim.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope, LabelSelector, TypedLocalObjectReference } from "../kube-object";
+import type { LabelSelector, NamespaceScopedMetadata, TypedLocalObjectReference } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { MetricData } from "./metrics.api";
 import { metricsApi } from "./metrics.api";
@@ -53,7 +53,11 @@ export interface PersistentVolumeClaimStatus {
   phase: string; // Pending
 }
 
-export class PersistentVolumeClaim extends KubeObject<PersistentVolumeClaimStatus, PersistentVolumeClaimSpec, KubeObjectScope.Namespace> {
+export class PersistentVolumeClaim extends KubeObject<
+  NamespaceScopedMetadata,
+  PersistentVolumeClaimStatus,
+  PersistentVolumeClaimSpec
+> {
   static readonly kind = "PersistentVolumeClaim";
   static readonly namespaced = true;
   static readonly apiBase = "/api/v1/persistentvolumeclaims";
diff --git a/src/common/k8s-api/endpoints/persistent-volume.api.injectable.ts b/src/common/k8s-api/endpoints/persistent-volume.api.injectable.ts
index 7627b9d3c3..38ad80845c 100644
--- a/src/common/k8s-api/endpoints/persistent-volume.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/persistent-volume.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { PersistentVolumeApi } from "./persistent-volume.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const persistentVolumeApiInjectable = getInjectable({
   id: "persistent-volume-api",
@@ -14,6 +15,8 @@ const persistentVolumeApiInjectable = getInjectable({
 
     return new PersistentVolumeApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default persistentVolumeApiInjectable;
diff --git a/src/common/k8s-api/endpoints/persistent-volume.api.ts b/src/common/k8s-api/endpoints/persistent-volume.api.ts
index 71ec288f85..3524f6a606 100644
--- a/src/common/k8s-api/endpoints/persistent-volume.api.ts
+++ b/src/common/k8s-api/endpoints/persistent-volume.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope, LabelSelector, ObjectReference, TypedLocalObjectReference } from "../kube-object";
+import type { ClusterScopedMetadata, LabelSelector, ObjectReference, TypedLocalObjectReference } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import { unitsToBytes } from "../../utils";
 import type { DerivedKubeApiOptions } from "../kube-api";
@@ -64,7 +64,11 @@ export interface PersistentVolumeStatus {
   reason?: string;
 }
 
-export class PersistentVolume extends KubeObject<PersistentVolumeStatus, PersistentVolumeSpec, KubeObjectScope.Cluster> {
+export class PersistentVolume extends KubeObject<
+  ClusterScopedMetadata,
+  PersistentVolumeStatus,
+  PersistentVolumeSpec
+> {
   static kind = "PersistentVolume";
   static namespaced = false;
   static apiBase = "/api/v1/persistentvolumes";
diff --git a/src/common/k8s-api/endpoints/pod-disruption-budget.api.injectable.ts b/src/common/k8s-api/endpoints/pod-disruption-budget.api.injectable.ts
index afc8190eb3..c2e793433b 100644
--- a/src/common/k8s-api/endpoints/pod-disruption-budget.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/pod-disruption-budget.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { PodDisruptionBudgetApi } from "./pod-disruption-budget.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const podDisruptionBudgetApiInjectable = getInjectable({
   id: "pod-disruption-budget-api",
@@ -14,6 +15,8 @@ const podDisruptionBudgetApiInjectable = getInjectable({
 
     return new PodDisruptionBudgetApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default podDisruptionBudgetApiInjectable;
diff --git a/src/common/k8s-api/endpoints/pod-disruption-budget.api.ts b/src/common/k8s-api/endpoints/pod-disruption-budget.api.ts
index 9acd55c71a..169efc9b70 100644
--- a/src/common/k8s-api/endpoints/pod-disruption-budget.api.ts
+++ b/src/common/k8s-api/endpoints/pod-disruption-budget.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope, LabelSelector } from "../kube-object";
+import type { LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -21,7 +21,11 @@ export interface PodDisruptionBudgetStatus {
   expectedPods: number;
 }
 
-export class PodDisruptionBudget extends KubeObject<PodDisruptionBudgetStatus, PodDisruptionBudgetSpec, KubeObjectScope.Namespace> {
+export class PodDisruptionBudget extends KubeObject<
+  NamespaceScopedMetadata,
+  PodDisruptionBudgetStatus,
+  PodDisruptionBudgetSpec
+> {
   static readonly kind = "PodDisruptionBudget";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/policy/v1beta1/poddisruptionbudgets";
diff --git a/src/common/k8s-api/endpoints/pod-metrics.api.injectable.ts b/src/common/k8s-api/endpoints/pod-metrics.api.injectable.ts
index 6d5d8efaf6..ecdbfa920d 100644
--- a/src/common/k8s-api/endpoints/pod-metrics.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/pod-metrics.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { PodMetricsApi } from "./pod-metrics.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const podMetricsApiInjectable = getInjectable({
   id: "pod-metrics-api",
@@ -14,6 +15,8 @@ const podMetricsApiInjectable = getInjectable({
 
     return new PodMetricsApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default podMetricsApiInjectable;
diff --git a/src/common/k8s-api/endpoints/pod-metrics.api.ts b/src/common/k8s-api/endpoints/pod-metrics.api.ts
index cdbe99417b..6db15dd6b7 100644
--- a/src/common/k8s-api/endpoints/pod-metrics.api.ts
+++ b/src/common/k8s-api/endpoints/pod-metrics.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -25,7 +25,11 @@ export interface PodMetricsContainer {
   usage: PodMetricsContainerUsage;
 }
 
-export class PodMetrics extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class PodMetrics extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static readonly kind = "PodMetrics";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/metrics.k8s.io/v1beta1/pods";
diff --git a/src/common/k8s-api/endpoints/pod-security-policy.api.injectable.ts b/src/common/k8s-api/endpoints/pod-security-policy.api.injectable.ts
index 81b65660a9..44e25a54b1 100644
--- a/src/common/k8s-api/endpoints/pod-security-policy.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/pod-security-policy.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { PodSecurityPolicyApi } from "./pod-security-policy.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const podSecurityPolicyApiInjectable = getInjectable({
   id: "pod-security-policy-api",
@@ -14,6 +15,8 @@ const podSecurityPolicyApiInjectable = getInjectable({
 
     return new PodSecurityPolicyApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default podSecurityPolicyApiInjectable;
diff --git a/src/common/k8s-api/endpoints/pod-security-policy.api.ts b/src/common/k8s-api/endpoints/pod-security-policy.api.ts
index 0430391a01..9655fb70a1 100644
--- a/src/common/k8s-api/endpoints/pod-security-policy.api.ts
+++ b/src/common/k8s-api/endpoints/pod-security-policy.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope } from "../kube-object";
+import type { ClusterScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -80,7 +80,11 @@ export interface PodSecurityPolicySpec {
   volumes?: string[];
 }
 
-export class PodSecurityPolicy extends KubeObject<void, PodSecurityPolicySpec, KubeObjectScope.Cluster> {
+export class PodSecurityPolicy extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  PodSecurityPolicySpec
+> {
   static readonly kind = "PodSecurityPolicy";
   static readonly namespaced = false;
   static readonly apiBase = "/apis/policy/v1beta1/podsecuritypolicies";
diff --git a/src/common/k8s-api/endpoints/pod.api.injectable.ts b/src/common/k8s-api/endpoints/pod.api.injectable.ts
index b92d213f77..f88a396bab 100644
--- a/src/common/k8s-api/endpoints/pod.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/pod.api.injectable.ts
@@ -6,14 +6,18 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { PodApi } from "./pod.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const podApiInjectable = getInjectable({
   id: "pod-api",
+
   instantiate: (di) => {
     assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "podApi is only available in certain environments");
 
     return new PodApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default podApiInjectable;
diff --git a/src/common/k8s-api/endpoints/pod.api.ts b/src/common/k8s-api/endpoints/pod.api.ts
index fbacf4fb07..5822c0c5ef 100644
--- a/src/common/k8s-api/endpoints/pod.api.ts
+++ b/src/common/k8s-api/endpoints/pod.api.ts
@@ -8,11 +8,15 @@ import { metricsApi } from "./metrics.api";
 import type { DerivedKubeApiOptions, IgnoredKubeApiOptions, ResourceDescriptor } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import type { RequireExactlyOne } from "type-fest";
-import type { KubeObjectMetadata, LocalObjectReference, Affinity, Toleration, LabelSelector, KubeObjectScope } from "../kube-object";
+import type { KubeObjectMetadata, LocalObjectReference, Affinity, Toleration, NamespaceScopedMetadata } from "../kube-object";
 import type { SecretReference } from "./secret.api";
 import type { PersistentVolumeClaimSpec } from "./persistent-volume-claim.api";
 import { KubeObject } from "../kube-object";
 import { isDefined } from "../../utils";
+import type { PodSecurityContext } from "./types/pod-security-context";
+import type { Probe } from "./types/probe";
+import type { Container } from "./types/container";
+import type { ObjectFieldSelector, ResourceFieldSelector } from "./types";
 
 export class PodApi extends KubeApi<Pod> {
   constructor(opts: DerivedKubeApiOptions & IgnoredKubeApiOptions = {}) {
@@ -83,93 +87,6 @@ export enum PodStatusPhase {
   EVICTED = "Evicted",
 }
 
-export interface ContainerPort {
-  containerPort: number;
-  hostIP?: string;
-  hostPort?: number;
-  name?: string;
-  protocol?: "UDP" | "TCP" | "SCTP";
-}
-
-export interface VolumeMount {
-  name: string;
-  readOnly?: boolean;
-  mountPath: string;
-  mountPropagation?: string;
-  subPath?: string;
-  subPathExpr?: string;
-}
-
-export interface PodContainer extends Partial<Record<PodContainerProbe, IContainerProbe>> {
-  name: string;
-  image: string;
-  command?: string[];
-  args?: string[];
-  ports?: ContainerPort[];
-  resources?: {
-    limits?: {
-      cpu: string;
-      memory: string;
-    };
-    requests?: {
-      cpu: string;
-      memory: string;
-    };
-  };
-  terminationMessagePath?: string;
-  terminationMessagePolicy?: string;
-  env?: {
-    name: string;
-    value?: string;
-    valueFrom?: {
-      fieldRef?: {
-        apiVersion: string;
-        fieldPath: string;
-      };
-      secretKeyRef?: {
-        key: string;
-        name: string;
-      };
-      configMapKeyRef?: {
-        key: string;
-        name: string;
-      };
-    };
-  }[];
-  envFrom?: {
-    configMapRef?: LocalObjectReference;
-    secretRef?: LocalObjectReference;
-  }[];
-  volumeMounts?: VolumeMount[];
-  imagePullPolicy?: string;
-}
-
-export type PodContainerProbe = "livenessProbe" | "readinessProbe" | "startupProbe";
-
-interface IContainerProbe {
-  httpGet?: {
-    path?: string;
-
-    /**
-     * either a port number or an IANA_SVC_NAME string referring to a port defined in the container
-     */
-    port: number | string;
-    scheme: string;
-    host?: string;
-  };
-  exec?: {
-    command: string[];
-  };
-  tcpSocket?: {
-    port: number;
-  };
-  initialDelaySeconds?: number;
-  timeoutSeconds?: number;
-  periodSeconds?: number;
-  successThreshold?: number;
-  failureThreshold?: number;
-}
-
 export interface ContainerStateRunning {
   startedAt: string;
 }
@@ -459,17 +376,6 @@ export interface ConfigMapProjection {
   optional?: boolean;
 }
 
-export interface ObjectFieldSelector {
-  fieldPath: string;
-  apiVersion?: string;
-}
-
-export interface ResourceFieldSelector {
-  resource: string;
-  containerName?: string;
-  divisor?: string;
-}
-
 export interface DownwardAPIVolumeFile {
   path: string;
   fieldRef?: ObjectFieldSelector;
@@ -674,43 +580,11 @@ export interface HostAlias {
   hostnames: string[];
 }
 
-export interface SELinuxOptions {
-  level?: string;
-  role?: string;
-  type?: string;
-  user?: string;
-}
-
-export interface SeccompProfile {
-  localhostProfile?: string;
-  type: string;
-}
-
 export interface Sysctl {
   name: string;
   value: string;
 }
 
-export interface WindowsSecurityContextOptions {
-  labelSelector?: LabelSelector;
-  maxSkew: number;
-  topologyKey: string;
-  whenUnsatisfiable: string;
-}
-
-export interface PodSecurityContext {
-  fsGroup?: number;
-  fsGroupChangePolicy?: string;
-  runAsGroup?: number;
-  runAsNonRoot?: boolean;
-  runAsUser?: number;
-  seLinuxOptions?: SELinuxOptions;
-  seccompProfile?: SeccompProfile;
-  supplementalGroups?: number[];
-  sysctls?: Sysctl;
-  windowsOptions?: WindowsSecurityContextOptions;
-}
-
 export interface TopologySpreadConstraint {
 
 }
@@ -719,7 +593,7 @@ export interface PodSpec {
   activeDeadlineSeconds?: number;
   affinity?: Affinity;
   automountServiceAccountToken?: boolean;
-  containers?: PodContainer[];
+  containers?: Container[];
   dnsPolicy?: string;
   enableServiceLinks?: boolean;
   ephemeralContainers?: unknown[];
@@ -729,7 +603,7 @@ export interface PodSpec {
   hostNetwork?: boolean;
   hostPID?: boolean;
   imagePullSecrets?: LocalObjectReference[];
-  initContainers?: PodContainer[];
+  initContainers?: Container[];
   nodeName?: string;
   nodeSelector?: Partial<Record<string, string>>;
   overhead?: Partial<Record<string, string>>;
@@ -776,7 +650,11 @@ export interface PodStatus {
   reason?: string;
 }
 
-export class Pod extends KubeObject<PodStatus, PodSpec, KubeObjectScope.Namespace> {
+export class Pod extends KubeObject<
+  NamespaceScopedMetadata,
+  PodStatus,
+  PodSpec
+> {
   static kind = "Pod";
   static namespaced = true;
   static apiBase = "/api/v1/pods";
@@ -836,6 +714,10 @@ export class Pod extends KubeObject<PodStatus, PodSpec, KubeObjectScope.Namespac
     return this.spec?.priorityClassName || "";
   }
 
+  getServiceAccountName() {
+    return this.spec?.serviceAccountName || "";
+  }
+
   getStatus(): PodStatusPhase {
     const phase = this.getStatusPhase();
     const reason = this.getReason();
@@ -923,44 +805,45 @@ export class Pod extends KubeObject<PodStatus, PodSpec, KubeObjectScope.Namespac
     return this.getStatusPhase() !== "Running";
   }
 
-  getLivenessProbe(container: PodContainer) {
-    return this.getProbe(container, "livenessProbe");
+  getLivenessProbe(container: Container) {
+    return this.getProbe(container, container.livenessProbe);
   }
 
-  getReadinessProbe(container: PodContainer) {
-    return this.getProbe(container, "readinessProbe");
+  getReadinessProbe(container: Container) {
+    return this.getProbe(container, container.readinessProbe);
   }
 
-  getStartupProbe(container: PodContainer) {
-    return this.getProbe(container, "startupProbe");
+  getStartupProbe(container: Container) {
+    return this.getProbe(container, container.startupProbe);
   }
 
-  private getProbe(container: PodContainer, field: PodContainerProbe): string[] {
-    const probe: string[] = [];
-    const probeData = container[field];
+  private getProbe(container: Container, probe: Probe | undefined): string[] {
+    const probeItems: string[] = [];
 
-    if (!probeData) {
-      return probe;
+    if (!probe) {
+      return probeItems;
     }
 
     const {
-      httpGet, exec, tcpSocket,
+      httpGet,
+      exec,
+      tcpSocket,
       initialDelaySeconds = 0,
       timeoutSeconds = 0,
       periodSeconds = 0,
       successThreshold = 0,
       failureThreshold = 0,
-    } = probeData;
+    } = probe;
 
     // HTTP Request
     if (httpGet) {
-      const { path = "", port, host = "", scheme } = httpGet;
+      const { path = "", port, host = "", scheme = "HTTP" } = httpGet;
       const resolvedPort = typeof port === "number"
         ? port
         // Try and find the port number associated witht the name or fallback to the name itself
         : container.ports?.find(containerPort => containerPort.name === port)?.containerPort || port;
 
-      probe.push(
+      probeItems.push(
         "http-get",
         `${scheme.toLowerCase()}://${host}:${resolvedPort}${path}`,
       );
@@ -968,15 +851,15 @@ export class Pod extends KubeObject<PodStatus, PodSpec, KubeObjectScope.Namespac
 
     // Command
     if (exec?.command) {
-      probe.push(`exec [${exec.command.join(" ")}]`);
+      probeItems.push(`exec [${exec.command.join(" ")}]`);
     }
 
     // TCP Probe
     if (tcpSocket?.port) {
-      probe.push(`tcp-socket :${tcpSocket.port}`);
+      probeItems.push(`tcp-socket :${tcpSocket.port}`);
     }
 
-    probe.push(
+    probeItems.push(
       `delay=${initialDelaySeconds}s`,
       `timeout=${timeoutSeconds}s`,
       `period=${periodSeconds}s`,
@@ -984,7 +867,7 @@ export class Pod extends KubeObject<PodStatus, PodSpec, KubeObjectScope.Namespac
       `#failure=${failureThreshold}`,
     );
 
-    return probe;
+    return probeItems;
   }
 
   getNodeName(): string | undefined {
diff --git a/src/common/k8s-api/endpoints/priority-class.api.injectable.ts b/src/common/k8s-api/endpoints/priority-class.api.injectable.ts
new file mode 100644
index 0000000000..8aae454967
--- /dev/null
+++ b/src/common/k8s-api/endpoints/priority-class.api.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import assert from "assert";
+import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
+import { PriorityClassApi } from "./priority-class.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
+
+const priorityClassApiInjectable = getInjectable({
+  id: "priority-class-api",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectionToken), "PriorityClassApi is only available in certain environments");
+
+    return new PriorityClassApi();
+  },
+
+  injectionToken: kubeApiInjectionToken,
+});
+
+export default priorityClassApiInjectable;
diff --git a/src/common/k8s-api/endpoints/priority-class.api.ts b/src/common/k8s-api/endpoints/priority-class.api.ts
new file mode 100644
index 0000000000..516ae07ef4
--- /dev/null
+++ b/src/common/k8s-api/endpoints/priority-class.api.ts
@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DerivedKubeApiOptions } from "../kube-api";
+import { KubeApi } from "../kube-api";
+import type { KubeJsonApiData } from "../kube-json-api";
+import type { ClusterScopedMetadata, KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import { KubeObject } from "../kube-object";
+import type { PreemptionPolicy } from "./types/preemption-policy";
+
+export interface PriorityClassData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectScope.Cluster>, void, void> {
+  description?: string;
+  globalDefault?: boolean;
+  preemptionPolicy?: PreemptionPolicy;
+  value: number;
+}
+
+export class PriorityClass extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
+  static readonly kind = "PriorityClass";
+  static readonly namespaced = false;
+  static readonly apiBase = "/apis/scheduling.k8s.io/v1/priorityclasses";
+
+  description?: string;
+  globalDefault?: boolean;
+  preemptionPolicy?: PreemptionPolicy;
+  value?: number;
+
+  constructor({ description, globalDefault, preemptionPolicy, value, ...rest }: PriorityClassData) {
+    super(rest);
+    this.description = description;
+    this.globalDefault = globalDefault;
+    this.preemptionPolicy = preemptionPolicy;
+    this.value = value;
+  }
+
+  getDescription() {
+    return this.description || "";
+  }
+
+  getGlobalDefault() {
+    return (this.globalDefault || false).toString();
+  }
+
+  getPreemptionPolicy() {
+    return this.preemptionPolicy || "PreemptLowerPriority";
+  }
+
+  getValue() {
+    return this.value;
+  }
+}
+
+export class PriorityClassApi extends KubeApi<PriorityClass, PriorityClassData> {
+  constructor(opts: DerivedKubeApiOptions = {}) {
+    super({
+      objectConstructor: PriorityClass,
+      ...opts,
+    });
+  }
+}
diff --git a/src/common/k8s-api/endpoints/replica-set.api.injectable.ts b/src/common/k8s-api/endpoints/replica-set.api.injectable.ts
index 8831173403..2bda99b703 100644
--- a/src/common/k8s-api/endpoints/replica-set.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/replica-set.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ReplicaSetApi } from "./replica-set.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const replicaSetApiInjectable = getInjectable({
   id: "replica-set-api",
@@ -14,6 +15,8 @@ const replicaSetApiInjectable = getInjectable({
 
     return new ReplicaSetApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default replicaSetApiInjectable;
diff --git a/src/common/k8s-api/endpoints/replica-set.api.ts b/src/common/k8s-api/endpoints/replica-set.api.ts
index 2ad571d4e9..ea3cdc25b9 100644
--- a/src/common/k8s-api/endpoints/replica-set.api.ts
+++ b/src/common/k8s-api/endpoints/replica-set.api.ts
@@ -7,7 +7,7 @@ import type { DerivedKubeApiOptions, IgnoredKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import { metricsApi } from "./metrics.api";
 import type { PodMetricData } from "./pod.api";
-import type { KubeObjectScope, KubeObjectStatus, LabelSelector } from "../kube-object";
+import type { KubeObjectStatus, LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { PodTemplateSpec } from "./types/pod-template-spec";
 
@@ -73,7 +73,11 @@ export interface ReplicaSetStatus extends KubeObjectStatus {
   observedGeneration?: number;
 }
 
-export class ReplicaSet extends KubeObject<ReplicaSetStatus, ReplicaSetSpec, KubeObjectScope.Namespace> {
+export class ReplicaSet extends KubeObject<
+  NamespaceScopedMetadata,
+  ReplicaSetStatus,
+  ReplicaSetSpec
+> {
   static kind = "ReplicaSet";
   static namespaced = true;
   static apiBase = "/apis/apps/v1/replicasets";
diff --git a/src/common/k8s-api/endpoints/resource-quota.api.injectable.ts b/src/common/k8s-api/endpoints/resource-quota.api.injectable.ts
index 6cedcba453..b10865fe47 100644
--- a/src/common/k8s-api/endpoints/resource-quota.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/resource-quota.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ResourceQuotaApi } from "./resource-quota.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const resourceQuotaApiInjectable = getInjectable({
   id: "resource-quota-api",
@@ -14,6 +15,8 @@ const resourceQuotaApiInjectable = getInjectable({
 
     return new ResourceQuotaApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default resourceQuotaApiInjectable;
diff --git a/src/common/k8s-api/endpoints/resource-quota.api.ts b/src/common/k8s-api/endpoints/resource-quota.api.ts
index b9af4ad8d7..b0ad18fed9 100644
--- a/src/common/k8s-api/endpoints/resource-quota.api.ts
+++ b/src/common/k8s-api/endpoints/resource-quota.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope } from "../kube-object";
+import type { NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -50,7 +50,11 @@ export interface ResourceQuotaStatus {
   used: IResourceQuotaValues;
 }
 
-export class ResourceQuota extends KubeObject<ResourceQuotaStatus, ResourceQuotaSpec, KubeObjectScope.Namespace> {
+export class ResourceQuota extends KubeObject<
+  NamespaceScopedMetadata,
+  ResourceQuotaStatus,
+  ResourceQuotaSpec
+> {
   static readonly kind = "ResourceQuota";
   static readonly namespaced = true;
   static readonly apiBase = "/api/v1/resourcequotas";
diff --git a/src/common/k8s-api/endpoints/role-binding.api.injectable.ts b/src/common/k8s-api/endpoints/role-binding.api.injectable.ts
index 8e0f04b92c..7b802f78ce 100644
--- a/src/common/k8s-api/endpoints/role-binding.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/role-binding.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { RoleBindingApi } from "./role-binding.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const roleBindingApiInjectable = getInjectable({
   id: "role-binding-api",
@@ -14,6 +15,8 @@ const roleBindingApiInjectable = getInjectable({
 
     return new RoleBindingApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default roleBindingApiInjectable;
diff --git a/src/common/k8s-api/endpoints/role-binding.api.ts b/src/common/k8s-api/endpoints/role-binding.api.ts
index acc30fe62e..20620fcf39 100644
--- a/src/common/k8s-api/endpoints/role-binding.api.ts
+++ b/src/common/k8s-api/endpoints/role-binding.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -16,7 +16,11 @@ export interface RoleBindingData extends KubeJsonApiData<KubeObjectMetadata<Kube
   roleRef: RoleRef;
 }
 
-export class RoleBinding extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class RoleBinding extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static readonly kind = "RoleBinding";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/rbac.authorization.k8s.io/v1/rolebindings";
diff --git a/src/common/k8s-api/endpoints/role.api.injectable.ts b/src/common/k8s-api/endpoints/role.api.injectable.ts
index 0b6949357b..d2b09f8bf7 100644
--- a/src/common/k8s-api/endpoints/role.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/role.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { RoleApi } from "./role.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const roleApiInjectable = getInjectable({
   id: "role-api",
@@ -14,6 +15,8 @@ const roleApiInjectable = getInjectable({
 
     return new RoleApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default roleApiInjectable;
diff --git a/src/common/k8s-api/endpoints/role.api.ts b/src/common/k8s-api/endpoints/role.api.ts
index a98c580088..23bee908ba 100644
--- a/src/common/k8s-api/endpoints/role.api.ts
+++ b/src/common/k8s-api/endpoints/role.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -14,7 +14,11 @@ export interface RoleData extends KubeJsonApiData<KubeObjectMetadata<KubeObjectS
   rules?: PolicyRule[];
 }
 
-export class Role extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class Role extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static readonly kind = "Role";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/rbac.authorization.k8s.io/v1/roles";
diff --git a/src/common/k8s-api/endpoints/secret.api.injectable.ts b/src/common/k8s-api/endpoints/secret.api.injectable.ts
index 67ebd3d541..916fbe1e93 100644
--- a/src/common/k8s-api/endpoints/secret.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/secret.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { SecretApi } from "./secret.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const secretApiInjectable = getInjectable({
   id: "secret-api",
@@ -14,6 +15,8 @@ const secretApiInjectable = getInjectable({
 
     return new SecretApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default secretApiInjectable;
diff --git a/src/common/k8s-api/endpoints/secret.api.ts b/src/common/k8s-api/endpoints/secret.api.ts
index 8a71d914cd..ff6b0ff845 100644
--- a/src/common/k8s-api/endpoints/secret.api.ts
+++ b/src/common/k8s-api/endpoints/secret.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { KubeJsonApiData } from "../kube-json-api";
 import { autoBind } from "../../utils";
@@ -42,7 +42,11 @@ export interface SecretData extends KubeJsonApiData<KubeObjectMetadata<KubeObjec
   data?: Partial<Record<string, string>>;
 }
 
-export class Secret extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class Secret extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static readonly kind = "Secret";
   static readonly namespaced = true;
   static readonly apiBase = "/api/v1/secrets";
diff --git a/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.injectable.ts b/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.injectable.ts
index cc77399c02..b66a2b4fc9 100644
--- a/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/self-subject-rules-reviews.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { SelfSubjectRulesReviewApi } from "./self-subject-rules-reviews.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const selfSubjectRulesReviewApiInjectable = getInjectable({
   id: "self-subject-rules-review-api",
@@ -14,6 +15,8 @@ const selfSubjectRulesReviewApiInjectable = getInjectable({
 
     return new SelfSubjectRulesReviewApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default selfSubjectRulesReviewApiInjectable;
diff --git a/src/common/k8s-api/endpoints/service-account.api.injectable.ts b/src/common/k8s-api/endpoints/service-account.api.injectable.ts
index 3b48b0eb98..da202d6ccd 100644
--- a/src/common/k8s-api/endpoints/service-account.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/service-account.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ServiceAccountApi } from "./service-account.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const serviceAccountApiInjectable = getInjectable({
   id: "service-account-api",
@@ -14,6 +15,8 @@ const serviceAccountApiInjectable = getInjectable({
 
     return new ServiceAccountApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default serviceAccountApiInjectable;
diff --git a/src/common/k8s-api/endpoints/service-account.api.ts b/src/common/k8s-api/endpoints/service-account.api.ts
index 1f3439d29f..01bc31dc64 100644
--- a/src/common/k8s-api/endpoints/service-account.api.ts
+++ b/src/common/k8s-api/endpoints/service-account.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectMetadata, KubeObjectScope, LocalObjectReference, ObjectReference } from "../kube-object";
+import type { KubeObjectMetadata, KubeObjectScope, LocalObjectReference, NamespaceScopedMetadata, ObjectReference } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -15,7 +15,11 @@ export interface ServiceAccountData extends KubeJsonApiData<KubeObjectMetadata<K
   secrets?: ObjectReference[];
 }
 
-export class ServiceAccount extends KubeObject<void, void, KubeObjectScope.Namespace> {
+export class ServiceAccount extends KubeObject<
+  NamespaceScopedMetadata,
+  void,
+  void
+> {
   static readonly kind = "ServiceAccount";
   static readonly namespaced = true;
   static readonly apiBase = "/api/v1/serviceaccounts";
diff --git a/src/common/k8s-api/endpoints/service.api.injectable.ts b/src/common/k8s-api/endpoints/service.api.injectable.ts
index db5f62b89e..31885238de 100644
--- a/src/common/k8s-api/endpoints/service.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/service.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { ServiceApi } from "./service.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const serviceApiInjectable = getInjectable({
   id: "service-api",
@@ -14,6 +15,8 @@ const serviceApiInjectable = getInjectable({
 
     return new ServiceApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default serviceApiInjectable;
diff --git a/src/common/k8s-api/endpoints/service.api.ts b/src/common/k8s-api/endpoints/service.api.ts
index 47c655e15f..302ad3556d 100644
--- a/src/common/k8s-api/endpoints/service.api.ts
+++ b/src/common/k8s-api/endpoints/service.api.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { KubeObjectScope } from "../kube-object";
+import type { NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -60,7 +60,11 @@ export interface ServiceStatus {
   };
 }
 
-export class Service extends KubeObject<ServiceStatus, ServiceSpec, KubeObjectScope.Namespace> {
+export class Service extends KubeObject<
+  NamespaceScopedMetadata,
+  ServiceStatus,
+  ServiceSpec
+> {
   static readonly kind = "Service";
   static readonly namespaced = true;
   static readonly apiBase = "/api/v1/services";
diff --git a/src/common/k8s-api/endpoints/stateful-set.api.injectable.ts b/src/common/k8s-api/endpoints/stateful-set.api.injectable.ts
index a28dd5e967..fa206cf957 100644
--- a/src/common/k8s-api/endpoints/stateful-set.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/stateful-set.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { StatefulSetApi } from "./stateful-set.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const statefulSetApiInjectable = getInjectable({
   id: "stateful-set-api",
@@ -14,6 +15,8 @@ const statefulSetApiInjectable = getInjectable({
 
     return new StatefulSetApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default statefulSetApiInjectable;
diff --git a/src/common/k8s-api/endpoints/stateful-set.api.ts b/src/common/k8s-api/endpoints/stateful-set.api.ts
index 2e263d03bf..f6e36c36fb 100644
--- a/src/common/k8s-api/endpoints/stateful-set.api.ts
+++ b/src/common/k8s-api/endpoints/stateful-set.api.ts
@@ -7,7 +7,7 @@ import type { DerivedKubeApiOptions, IgnoredKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
 import { metricsApi } from "./metrics.api";
 import type { PodMetricData } from "./pod.api";
-import type { KubeObjectScope, LabelSelector } from "../kube-object";
+import type { LabelSelector, NamespaceScopedMetadata } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { PodTemplateSpec } from "./types/pod-template-spec";
 import type { PersistentVolumeClaimTemplateSpec } from "./types/persistent-volume-claim-template-spec";
@@ -81,7 +81,11 @@ export interface StatefulSetStatus {
   collisionCount: number;
 }
 
-export class StatefulSet extends KubeObject<StatefulSetStatus, StatefulSetSpec, KubeObjectScope.Namespace> {
+export class StatefulSet extends KubeObject<
+  NamespaceScopedMetadata,
+  StatefulSetStatus,
+  StatefulSetSpec
+> {
   static readonly kind = "StatefulSet";
   static readonly namespaced = true;
   static readonly apiBase = "/apis/apps/v1/statefulsets";
diff --git a/src/common/k8s-api/endpoints/storage-class.api.injectable.ts b/src/common/k8s-api/endpoints/storage-class.api.injectable.ts
index 8594e231a0..7f1abab299 100644
--- a/src/common/k8s-api/endpoints/storage-class.api.injectable.ts
+++ b/src/common/k8s-api/endpoints/storage-class.api.injectable.ts
@@ -6,6 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { storesAndApisCanBeCreatedInjectionToken } from "../stores-apis-can-be-created.token";
 import { StorageClassApi } from "./storage-class.api";
+import { kubeApiInjectionToken } from "../kube-api/kube-api-injection-token";
 
 const storageClassApiInjectable = getInjectable({
   id: "storage-class-api",
@@ -14,6 +15,8 @@ const storageClassApiInjectable = getInjectable({
 
     return new StorageClassApi();
   },
+
+  injectionToken: kubeApiInjectionToken,
 });
 
 export default storageClassApiInjectable;
diff --git a/src/common/k8s-api/endpoints/storage-class.api.ts b/src/common/k8s-api/endpoints/storage-class.api.ts
index 2ded77d746..ff3b233ce5 100644
--- a/src/common/k8s-api/endpoints/storage-class.api.ts
+++ b/src/common/k8s-api/endpoints/storage-class.api.ts
@@ -4,7 +4,7 @@
  */
 
 import { autoBind } from "../../utils";
-import type { KubeObjectMetadata, KubeObjectScope } from "../kube-object";
+import type { ClusterScopedMetadata, KubeObjectMetadata, KubeObjectScope } from "../kube-object";
 import { KubeObject } from "../kube-object";
 import type { DerivedKubeApiOptions } from "../kube-api";
 import { KubeApi } from "../kube-api";
@@ -29,7 +29,11 @@ export interface StorageClassData extends KubeJsonApiData<KubeObjectMetadata<Kub
   volumeBindingMode?: string;
 }
 
-export class StorageClass extends KubeObject<void, void, KubeObjectScope.Cluster> {
+export class StorageClass extends KubeObject<
+  ClusterScopedMetadata,
+  void,
+  void
+> {
   static readonly kind = "StorageClass";
   static readonly namespaced = false;
   static readonly apiBase = "/apis/storage.k8s.io/v1/storageclasses";
diff --git a/src/common/k8s-api/endpoints/types/capabilities.ts b/src/common/k8s-api/endpoints/types/capabilities.ts
new file mode 100644
index 0000000000..baea13c688
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/capabilities.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Adds and removes POSIX capabilities from running containers.
+ */
+export interface Capabilities {
+  /**
+   * Added capabilities
+   */
+  add?: string[];
+
+  /**
+   * Removed capabilities
+   */
+  drop?: string[];
+}
diff --git a/src/common/k8s-api/endpoints/types/container-port.ts b/src/common/k8s-api/endpoints/types/container-port.ts
new file mode 100644
index 0000000000..9ccb635e98
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/container-port.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface ContainerPort {
+  containerPort: number;
+  hostIP?: string;
+  hostPort?: number;
+  name?: string;
+  protocol?: "UDP" | "TCP" | "SCTP";
+}
diff --git a/src/common/k8s-api/endpoints/types/container.ts b/src/common/k8s-api/endpoints/types/container.ts
new file mode 100644
index 0000000000..bccf45eb64
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/container.ts
@@ -0,0 +1,176 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Lifecycle } from "./lifecycle";
+import type { ResourceRequirements } from "./resource-requirements";
+import type { SecurityContext } from "./security-context";
+import type { Probe } from "./probe";
+import type { VolumeDevice } from "./volume-device";
+import type { VolumeMount } from "./volume-mount";
+import type { ContainerPort } from "./container-port";
+import type { EnvFromSource } from "./env-from-source";
+import type { EnvVar } from "./env-var";
+
+/**
+ * A single application container that you want to run within a pod.
+ */
+export interface Container {
+  /**
+   * Arguments to the entrypoint. The docker image's CMD is used if this is not provided. Variable
+   * references `$(VAR_NAME)` are expanded using the container's environment.
+   *
+   * If a variable cannot be resolved, the reference in the input string will be unchanged.
+   * Double `$$` are reduced to a single `$`, which allows for escaping the `$(VAR_NAME)` syntax:
+   * i.e. `"$$(VAR_NAME)"` will produce the string literal `"$(VAR_NAME)`".
+   *
+   * Escaped references will never be expanded, regardless of whether the variable exists or not.
+   * Cannot be updated.
+   *
+   * More info: https://kubernetes.io/docs/tasks/inject-data-application/define-command-argument-container/#running-a-command-in-a-shell
+   */
+  args?: string[];
+
+  /**
+   * Entrypoint array. Not executed within a shell. The docker image's ENTRYPOINT is used if this
+   * is not provided. Variable references `$(VAR_NAME)` are expanded using the container's
+   * environment.
+   *
+   * If a variable cannot be resolved, the reference in the input string will be unchanged.
+   * Double `$$` are reduced to a single `$`, which allows for escaping the `$(VAR_NAME)` syntax:
+   * i.e. `"$$(VAR_NAME)"` will produce the string literal `"$(VAR_NAME)`".
+   *
+   * Escaped references will never be expanded, regardless of whether the variable exists or not.
+   * Cannot be updated.
+   *
+   * More info: https://kubernetes.io/docs/tasks/inject-data-application/define-command-argument-container/#running-a-command-in-a-shell
+   */
+  command?: string[];
+
+  /**
+   * List of environment variables to set in the container. Cannot be updated.
+   */
+  env?: EnvVar[];
+
+  /**
+   * List of sources to populate environment variables in the container. The keys defined within a
+   * source must be a C_IDENTIFIER. All invalid keys will be reported as an event when the
+   * container is starting.
+   *
+   * When a key exists in multiple sources, the value associated with the last source will take
+   * precedence. Values defined by an Env with a duplicate key will take precedence. Cannot be
+   * updated.
+   */
+  envFrom?: EnvFromSource[];
+
+  /**
+   * Docker image name.
+   *
+   * More info: https://kubernetes.io/docs/concepts/containers/images
+   */
+  image?: string;
+
+  /**
+   * Image pull policy. Defaults to `"Always"` if :latest tag is specified, or `"IfNotPresent"`
+   * otherwise. Cannot be updated.
+   *
+   * More info: https://kubernetes.io/docs/concepts/containers/images#updating-images
+   */
+  imagePullPolicy?: "Always" | "Never" | "IfNotPresent";
+
+  lifecycle?: Lifecycle;
+  livenessProbe?: Probe;
+
+  /**
+   * Name of the container specified as a DNS_LABEL. Each container in a pod must have a unique
+   * name. Cannot be updated.
+   */
+  name: string;
+
+  /**
+   * List of ports to expose from the container. Exposing a port here gives the system additional
+   * information about the network connections a container uses, but is primarily informational.
+   * Not specifying a port here DOES NOT prevent that port from being exposed. Any port which is
+   * listening on the default `"0.0.0.0"` address inside a container will be accessible from the
+   * network. Cannot be updated.
+   */
+  ports?: ContainerPort[];
+
+  readinessProbe?: Probe;
+  resources?: ResourceRequirements;
+  securityContext?: SecurityContext;
+  startupProbe?: Probe;
+
+  /**
+   * Whether this container should allocate a buffer for stdin in the container runtime. If this is
+   * not set, reads from stdin in the container will always result in EOF.
+   *
+   * @default false
+   */
+  stdin?: boolean;
+
+  /**
+   * Whether the container runtime should close the stdin channel after it has been opened by a
+   * single attach. When stdin is true the stdin stream will remain open across multiple attach
+   * sessions.
+   *
+   * If stdinOnce is set to true, stdin is opened on container start, is empty until the first
+   * client attaches to stdin, and then remains open and accepts data until the client disconnects,
+   * at which time stdin is closed and remains closed until the container is restarted.
+   *
+   * If this flag is false, a container processes that reads from stdin will never receive an EOF.
+   *
+   * @default false
+   */
+  stdinOnce?: boolean;
+
+  /**
+   * Path at which the file to which the container's termination message will be written
+   * is mounted into the container's filesystem. Message written is intended to be brief final
+   * status, such as an assertion failure message.
+   *
+   * Will be truncated by the node if greater than 4096 bytes.
+   * The total message length across all containers will be limited to 12kb. Cannot be updated.
+   *
+   * @default "/dev/termination-log"
+   */
+  terminationMessagePath?: string;
+
+  /**
+   * Indicate how the termination message should be populated.
+   *
+   * - `File`: will use the contents of {@link terminationMessagePath} to populate the container
+   * status message on both success and failure.
+   *
+   * - `FallbackToLogsOnError`: will use the last chunk of container log output if the
+   * termination message file is empty and the container exited with an error.
+   *
+   * The log output is limited to 2048 bytes or 80 lines, whichever is smaller. Cannot be updated.
+   *
+   * @default "File"
+   */
+  terminationMessagePolicy?: "File" | "FallbackToLogsOnError";
+
+  /**
+   * Whether this container should allocate a TTY for itself, also requires 'stdin' to be true.
+   *
+   * @default false
+   */
+  tty?: boolean;
+
+  /**
+   * volumeDevices is the list of block devices to be used by the container.
+   */
+  volumeDevices?: VolumeDevice[];
+
+  /**
+   * Pod volumes to mount into the container's filesystem. Cannot be updated.
+   */
+  volumeMounts?: VolumeMount[];
+
+  /**
+   * Container's working directory. If not specified, the container runtime's default will be used,
+   * which might be configured in the container image. Cannot be updated.
+   */
+  workingDir?: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/env-from-source.ts b/src/common/k8s-api/endpoints/types/env-from-source.ts
new file mode 100644
index 0000000000..fa87b2fac8
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/env-from-source.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { EnvSource } from "./env-source";
+
+export interface EnvFromSource {
+  configMapRef?: EnvSource;
+  /**
+   * An identifier to prepend to each key in the ConfigMap. Must be a C_IDENTIFIER.
+   */
+  prefix?: string;
+  secretRef?: EnvSource;
+}
diff --git a/src/common/k8s-api/endpoints/types/env-source.ts b/src/common/k8s-api/endpoints/types/env-source.ts
new file mode 100644
index 0000000000..2a16ee2ada
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/env-source.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { LocalObjectReference } from "../../kube-object";
+
+export interface EnvSource extends LocalObjectReference {
+  /**
+   * Whether the object must be defined
+   */
+  optional?: boolean;
+}
diff --git a/src/renderer/api/kube-object-detail-registry.ts b/src/common/k8s-api/endpoints/types/env-var-key-selector.ts
similarity index 59%
rename from src/renderer/api/kube-object-detail-registry.ts
rename to src/common/k8s-api/endpoints/types/env-var-key-selector.ts
index b3efd96562..3aca6d79bd 100644
--- a/src/renderer/api/kube-object-detail-registry.ts
+++ b/src/common/k8s-api/endpoints/types/env-var-key-selector.ts
@@ -3,4 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-export { KubeObjectDetailRegistry } from "../../extensions/registries/kube-object-detail-registry";
+export interface EnvVarKeySelector {
+  key: string;
+  name?: string;
+  optional?: boolean;
+}
diff --git a/src/common/k8s-api/endpoints/types/env-var-source.ts b/src/common/k8s-api/endpoints/types/env-var-source.ts
new file mode 100644
index 0000000000..c47c839d18
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/env-var-source.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { EnvVarKeySelector } from "./env-var-key-selector";
+import type { ObjectFieldSelector } from "./object-field-selector";
+import type { ResourceFieldSelector } from "./resource-field-selector";
+
+export interface EnvVarSource {
+  configMapKeyRef?: EnvVarKeySelector;
+  fieldRef?: ObjectFieldSelector;
+  resourceFieldRef?: ResourceFieldSelector;
+  secretKeyRef?: EnvVarKeySelector;
+}
diff --git a/src/common/k8s-api/endpoints/types/env-var.ts b/src/common/k8s-api/endpoints/types/env-var.ts
new file mode 100644
index 0000000000..4a60b69129
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/env-var.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { EnvVarSource } from "./env-var-source";
+
+export interface EnvVar {
+  name: string;
+  value?: string;
+  valueFrom?: EnvVarSource;
+}
diff --git a/src/common/k8s-api/endpoints/types/exec-action.ts b/src/common/k8s-api/endpoints/types/exec-action.ts
new file mode 100644
index 0000000000..abfd1947cb
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/exec-action.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * ExecAction describes a "run in container" action.
+ */
+export interface ExecAction {
+  /**
+   * Command is the command line to execute inside the container, the working directory for the
+   * command  is root ('\\') in the container's filesystem. The command is simply exec'd, it is not
+   * run inside a shell, so traditional shell instructions ('|', etc) won't work. To use a shell,
+   * you need to explicitly call out to that shell.
+   *
+   * Exit status of 0 is treated as live/healthy and non-zero is unhealthy.
+   */
+  command?: string[];
+}
diff --git a/src/common/k8s-api/endpoints/types/handler.ts b/src/common/k8s-api/endpoints/types/handler.ts
new file mode 100644
index 0000000000..d30e6cd181
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/handler.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ExecAction } from "./exec-action";
+import type { HttpGetAction } from "./http-get-action";
+import type { TcpSocketAction } from "./tcp-socket-action";
+
+/**
+ * Handler defines a specific action that should be taken.
+ */
+export interface Handler {
+  exec?: ExecAction;
+  httpGet?: HttpGetAction;
+  tcpSocket?: TcpSocketAction;
+}
diff --git a/src/common/k8s-api/endpoints/types/http-get-action.ts b/src/common/k8s-api/endpoints/types/http-get-action.ts
new file mode 100644
index 0000000000..1077ea13e1
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/http-get-action.ts
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { HttpHeader } from "./http-header";
+
+/**
+ * An action based on HTTP Get requests.
+ */
+export interface HttpGetAction {
+  /**
+   * Host name to connect to, defaults to the pod IP. You probably want to set \"Host\" in httpHeaders instead.
+   */
+  host?: string;
+
+  /**
+   * Custom headers to set in the request. HTTP allows repeated headers.
+   */
+  httpHeaders?: HttpHeader[];
+
+  /**
+   * Path to access on the HTTP server.
+   */
+  path?: string;
+
+  /**
+   * The PORT to request from.
+   */
+  port: string | number;
+
+  /**
+   * Scheme to use for connecting to the host.
+   *
+   * @default "HTTP"
+   */
+  scheme?: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/http-header.ts b/src/common/k8s-api/endpoints/types/http-header.ts
new file mode 100644
index 0000000000..d70b42afdb
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/http-header.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * A custom header to be used in HTTP probes and get actions
+ */
+export interface HttpHeader {
+  /**
+   * Field name
+   */
+  name: string;
+
+  /**
+   * The value of the field
+   */
+  value: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/index.ts b/src/common/k8s-api/endpoints/types/index.ts
new file mode 100644
index 0000000000..6fb52e7403
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/index.ts
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./aggregation-rule";
+export * from "./capabilities";
+export * from "./container";
+export * from "./container-port";
+export * from "./env-from-source";
+export * from "./env-source";
+export * from "./env-var-key-selector";
+export * from "./env-var-source";
+export * from "./env-var";
+export * from "./exec-action";
+export * from "./handler";
+export * from "./http-get-action";
+export * from "./http-header";
+export * from "./job-template-spec";
+export * from "./lifecycle";
+export * from "./object-field-selector";
+export * from "./persistent-volume-claim-template-spec";
+export * from "./pod-security-context";
+export * from "./pod-template-spec";
+export * from "./policy-rule";
+export * from "./probe";
+export * from "./resource-field-selector";
+export * from "./resource-requirements";
+export * from "./role-ref";
+export * from "./se-linux-options";
+export * from "./seccomp-profile";
+export * from "./subject";
+export * from "./tcp-socket-action";
+export * from "./volume-device";
+export * from "./volume-mount";
+export * from "./windows-security-context-options";
diff --git a/src/common/k8s-api/endpoints/types/lifecycle.ts b/src/common/k8s-api/endpoints/types/lifecycle.ts
new file mode 100644
index 0000000000..2e459958c4
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/lifecycle.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Handler } from "./handler";
+
+/**
+ * Lifecycle describes actions that the management system should take in response to container
+ * lifecycle events. For the PostStart and PreStop lifecycle handlers, management of the container
+ * blocks until the action is complete, unless the container process fails, in which case the
+ * handler is aborted.
+ */
+export interface Lifecycle {
+  postStart?: Handler;
+  preStop?: Handler;
+}
diff --git a/src/renderer/components/dock/logs/controls.scss b/src/common/k8s-api/endpoints/types/object-field-selector.ts
similarity index 55%
rename from src/renderer/components/dock/logs/controls.scss
rename to src/common/k8s-api/endpoints/types/object-field-selector.ts
index 1a5c3f751c..8593456ff1 100644
--- a/src/renderer/components/dock/logs/controls.scss
+++ b/src/common/k8s-api/endpoints/types/object-field-selector.ts
@@ -3,9 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-.LogControls {
-  @include hidden-scrollbar;
-
-  background: var(--dockInfoBackground);
-  padding: $padding $padding * 2;
+export interface ObjectFieldSelector {
+  apiVersion?: string;
+  fieldPath: string;
 }
diff --git a/src/common/k8s-api/endpoints/types/pod-security-context.ts b/src/common/k8s-api/endpoints/types/pod-security-context.ts
new file mode 100644
index 0000000000..983ae86262
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/pod-security-context.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { SeLinuxOptions } from "./se-linux-options";
+import type { SeccompProfile } from "./seccomp-profile";
+import type { WindowsSecurityContextOptions } from "./windows-security-context-options";
+import type { Sysctl } from "../pod.api";
+
+
+export interface PodSecurityContext {
+  fsGroup?: number;
+  fsGroupChangePolicy?: string;
+  runAsGroup?: number;
+  runAsNonRoot?: boolean;
+  runAsUser?: number;
+  seLinuxOptions?: SeLinuxOptions;
+  seccompProfile?: SeccompProfile;
+  supplementalGroups?: number[];
+  sysctls?: Sysctl;
+  windowsOptions?: WindowsSecurityContextOptions;
+}
diff --git a/src/main/routes/metrics/metrics-query.ts b/src/common/k8s-api/endpoints/types/preemption-policy.ts
similarity index 63%
rename from src/main/routes/metrics/metrics-query.ts
rename to src/common/k8s-api/endpoints/types/preemption-policy.ts
index d6d9532b3b..32d37b93a3 100644
--- a/src/main/routes/metrics/metrics-query.ts
+++ b/src/common/k8s-api/endpoints/types/preemption-policy.ts
@@ -2,6 +2,5 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-export type IMetricsQuery = string | string[] | {
-  [metricName: string]: string;
-};
+
+export type PreemptionPolicy = "Never" | "PreemptLowerPriority";
diff --git a/src/common/k8s-api/endpoints/types/probe.ts b/src/common/k8s-api/endpoints/types/probe.ts
new file mode 100644
index 0000000000..4251be5e2c
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/probe.ts
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ExecAction } from "./exec-action";
+import type { HttpGetAction } from "./http-get-action";
+import type { TcpSocketAction } from "./tcp-socket-action";
+
+/**
+ * Describes a health check to be performed against a container to determine whether it is alive or ready to receive traffic.
+ */
+export interface Probe {
+  exec?: ExecAction;
+
+  /**
+   * Minimum consecutive failures for the probe to be considered failed after having succeeded.
+   *
+   * @default 3
+   * @minimum 1
+   */
+  failureThreshold?: number;
+
+  httpGet?: HttpGetAction;
+
+  /**
+   * Duration after the container has started before liveness probes are initiated.
+   *
+   * More info: https://kubernetes.io/docs/concepts/workloads/pods/pod-lifecycle#container-probes
+   */
+  initialDelaySeconds?: number;
+
+  /**
+   * How often to perform the probe.
+   *
+   * @default 10
+   * @minimum 1
+   */
+  periodSeconds?: number;
+
+  /**
+   * Minimum consecutive successes for the probe to be considered successful after having failed.
+   *
+   * Must be 1 for liveness and startup.
+   *
+   * @default 1
+   * @minimum 1
+   */
+  successThreshold?: number;
+
+  tcpSocket?: TcpSocketAction;
+
+  /**
+   * Duration the pod needs to terminate gracefully upon probe failure.
+   *
+   * The grace period is the duration in seconds after the processes running in the pod are sent a
+   * termination signal and the time when the processes are forcibly halted with a kill signal.
+   *
+   * Set this value longer than the expected cleanup time for your process.
+   *
+   * If this value is not set, the pod's terminationGracePeriodSeconds will be used. Otherwise,
+   * this value overrides the value provided by the pod spec. Value must be non-negative integer.
+   * The value zero indicates stop immediately via the kill signal (no opportunity to shut down).
+   *
+   * This is a beta field and requires enabling ProbeTerminationGracePeriod feature gate.
+   *
+   * @minimum 1
+   */
+  terminationGracePeriodSeconds?: number;
+
+  /**
+   * Duration after which the probe times out.
+   *
+   * More info: https://kubernetes.io/docs/concepts/workloads/pods/pod-lifecycle#container-probes
+   *
+   * @default 1
+   * @minimum 1
+   */
+  timeoutSeconds?: number;
+}
diff --git a/src/common/k8s-api/endpoints/types/resource-field-selector.ts b/src/common/k8s-api/endpoints/types/resource-field-selector.ts
new file mode 100644
index 0000000000..9727506183
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/resource-field-selector.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface ResourceFieldSelector {
+  containerName?: string;
+  divisor?: string;
+  resource: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/se-linux-options.ts b/src/common/k8s-api/endpoints/types/se-linux-options.ts
new file mode 100644
index 0000000000..9e3c629192
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/se-linux-options.ts
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * SELinuxOptions are the labels to be applied to the container
+ */
+export interface SeLinuxOptions {
+  /**
+   * The SELinux `level` label that applies to the container.
+   */
+  level?: string;
+
+  /**
+   * The SELinux `role` label that applies to the container.
+   */
+  role?: string;
+
+  /**
+   * The SELinux `type` label that applies to the container.
+   */
+  type?: string;
+
+  /**
+   * The SELinux `user` label that applies to the container.
+   */
+  user?: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/seccomp-profile.ts b/src/common/k8s-api/endpoints/types/seccomp-profile.ts
new file mode 100644
index 0000000000..20eddbf94d
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/seccomp-profile.ts
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Defines a pod's or a container's seccomp profile settings. Only one profile source may be set.
+ */
+export interface SeccompProfile {
+  /**
+   * Indicates a profile defined in a file on the node should be used. The profile must be
+   * preconfigured on the node to work. Must be a descending path, relative to the kubelet's
+   * configured seccomp profile location. Must only be set if type is "Localhost".
+   */
+  localhostProfile?: string;
+
+  /**
+   * Indicates which kind of seccomp profile will be applied.
+   *
+   * Options:
+   *
+   * | Value | Description |
+   * |--|--|
+   * | `Localhost` | A profile defined in a file on the node should be used. |
+   * | `RuntimeDefault` | The container runtime default profile should be used. |
+   * | `Unconfined` | No profile should be applied. |
+   */
+  type: "Localhost" | "RuntimeDefault" | "Unconfined";
+}
diff --git a/src/common/k8s-api/endpoints/types/security-context.ts b/src/common/k8s-api/endpoints/types/security-context.ts
new file mode 100644
index 0000000000..ce5cf60e40
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/security-context.ts
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { Capabilities } from "./capabilities";
+import type { SeLinuxOptions } from "./se-linux-options";
+import type { SeccompProfile } from "./seccomp-profile";
+import type { WindowsSecurityContextOptions } from "./windows-security-context-options";
+
+/**
+ * SecurityContext holds security configuration that will be applied to a container. Some fields are present in both SecurityContext and PodSecurityContext.  When both are set, the values in SecurityContext take precedence.
+ */
+export interface SecurityContext {
+    /**
+     * AllowPrivilegeEscalation controls whether a process can gain more privileges than its parent process. This bool directly controls if the no_new_privs flag will be set on the container process. AllowPrivilegeEscalation is true always when the container is: 1) run as Privileged 2) has CAP_SYS_ADMIN
+     */
+    allowPrivilegeEscalation?: boolean;
+
+    capabilities?: Capabilities;
+
+    /**
+     * Run container in privileged mode. Processes in privileged containers are essentially equivalent to root on the host. Defaults to false.
+     */
+    privileged?: boolean;
+
+    /**
+     * procMount denotes the type of proc mount to use for the containers. The default is DefaultProcMount which uses the container runtime defaults for readonly paths and masked paths. This requires the ProcMountType feature flag to be enabled.
+     */
+    procMount?: string;
+
+    /**
+     * Whether this container has a read-only root filesystem. Default is false.
+     */
+    readOnlyRootFilesystem?: boolean;
+
+    /**
+     * The GID to run the entrypoint of the container process. Uses runtime default if unset. May also be set in PodSecurityContext.  If set in both SecurityContext and PodSecurityContext, the value specified in SecurityContext takes precedence.
+     */
+    runAsGroup?: number;
+
+    /**
+     * Indicates that the container must run as a non-root user. If true, the Kubelet will validate the image at runtime to ensure that it does not run as UID 0 (root) and fail to start the container if it does. If unset or false, no such validation will be performed. May also be set in PodSecurityContext.  If set in both SecurityContext and PodSecurityContext, the value specified in SecurityContext takes precedence.
+     */
+    runAsNonRoot?: boolean;
+
+    /**
+     * The UID to run the entrypoint of the container process. Defaults to user specified in image metadata if unspecified. May also be set in PodSecurityContext.  If set in both SecurityContext and PodSecurityContext, the value specified in SecurityContext takes precedence.
+     */
+    runAsUser?: number;
+
+    seLinuxOptions?: SeLinuxOptions;
+    seccompProfile?: SeccompProfile;
+    windowsOptions?: WindowsSecurityContextOptions;
+}
diff --git a/src/common/k8s-api/endpoints/types/tcp-socket-action.ts b/src/common/k8s-api/endpoints/types/tcp-socket-action.ts
new file mode 100644
index 0000000000..02f1805823
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/tcp-socket-action.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * An action based on opening a socket
+ */
+export interface TcpSocketAction {
+  /**
+   * Host name to connect to, defaults to the pod IP.
+   */
+  host?: string;
+
+  /**
+   * Port to connect to
+   */
+  port: number | string;
+}
diff --git a/src/common/k8s-api/endpoints/types/volume-device.ts b/src/common/k8s-api/endpoints/types/volume-device.ts
new file mode 100644
index 0000000000..1dacaafe21
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/volume-device.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * A mapping of a raw block device within a container.
+ */
+export interface VolumeDevice {
+  /**
+   * The path inside of the container that the device will be mapped to.
+   */
+  devicePath: string;
+
+  /**
+   * Must match the name of a persistentVolumeClaim in the pod
+   */
+  name: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/volume-mount.ts b/src/common/k8s-api/endpoints/types/volume-mount.ts
new file mode 100644
index 0000000000..0066d8896d
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/volume-mount.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export interface VolumeMount {
+  name: string;
+  readOnly?: boolean;
+  mountPath: string;
+  mountPropagation?: string;
+  subPath?: string;
+  subPathExpr?: string;
+}
diff --git a/src/common/k8s-api/endpoints/types/windows-security-context-options.ts b/src/common/k8s-api/endpoints/types/windows-security-context-options.ts
new file mode 100644
index 0000000000..07daf48731
--- /dev/null
+++ b/src/common/k8s-api/endpoints/types/windows-security-context-options.ts
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+/**
+ * Windows-specific options and credentials.
+ */
+export interface WindowsSecurityContextOptions {
+  /**
+   * The location of the GMSA admission webhook (https://github.com/kubernetes-sigs/windows-gmsa)
+   * inlines the contents of the GMSA credential spec named by the GMSACredentialSpecName field.
+   */
+  gmsaCredentialSpec?: string;
+
+  /**
+   * The name of the GMSA credential spec to use.
+   */
+  gmsaCredentialSpecName?: string;
+
+  /**
+   * Determines if a container should be run as a 'Host Process' container.
+   *
+   * This field is alpha-level and will only be honored by components that enable the
+   * WindowsHostProcessContainers feature flag.
+   *
+   * Setting this field without the feature flag will result in errors when validating the Pod.
+   *
+   * All of a Pod's containers must have the same effective HostProcess value (it is not allowed to
+   * have a mix of HostProcess containers and non-HostProcess containers).
+   *
+   * In addition, if HostProcess is true then HostNetwork must also be set to true.
+   */
+  hostProcess?: boolean;
+
+  /**
+   * The UserName in Windows to run the entrypoint of the container process. Defaults to the user specified in image metadata if unspecified. May also be set in PodSecurityContext. If set in both SecurityContext and PodSecurityContext, the value specified in SecurityContext takes precedence.
+   */
+  runAsUserName?: string;
+}
diff --git a/src/common/k8s-api/kube-api.ts b/src/common/k8s-api/kube-api.ts
index 4a487b82d3..ddc2456668 100644
--- a/src/common/k8s-api/kube-api.ts
+++ b/src/common/k8s-api/kube-api.ts
@@ -10,7 +10,7 @@ import { stringify } from "querystring";
 import { apiKubePrefix, isDevelopment } from "../../common/vars";
 import { apiBase, apiKube } from "./index";
 import { createKubeApiURL, parseKubeApi } from "./kube-api-parse";
-import type { KubeObjectConstructor, KubeJsonApiDataFor, KubeObjectMetadata, KubeObjectScope } from "./kube-object";
+import type { KubeObjectConstructor, KubeJsonApiDataFor, KubeObjectMetadata } from "./kube-object";
 import { KubeObject, KubeStatus, isKubeStatusData } from "./kube-object";
 import byline from "byline";
 import type { IKubeWatchEvent } from "./kube-watch-event";
@@ -19,7 +19,6 @@ import { KubeJsonApi } from "./kube-json-api";
 import type { Disposer } from "../utils";
 import { isDefined, noop, WrappedAbortController } from "../utils";
 import type { RequestInit } from "node-fetch";
-import type AbortController from "abort-controller";
 import type { AgentOptions } from "https";
 import { Agent } from "https";
 import type { Patch } from "rfc6902";
@@ -28,11 +27,12 @@ import type { PartialDeep } from "type-fest";
 import logger from "../logger";
 import { Environments, getEnvironmentSpecificLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
 import autoRegistrationEmitterInjectable from "./api-manager/auto-registration-emitter.injectable";
+import type AbortController from "abort-controller";
 
 /**
  * The options used for creating a `KubeApi`
  */
-export interface KubeApiOptions<T extends KubeObject<any, any, KubeObjectScope>, Data extends KubeJsonApiDataFor<T> = KubeJsonApiDataFor<T>> extends DerivedKubeApiOptions {
+export interface KubeApiOptions<T extends KubeObject, Data extends KubeJsonApiDataFor<T> = KubeJsonApiDataFor<T>> extends DerivedKubeApiOptions {
   /**
    * base api-path for listing all resources, e.g. "/api/v1/pods"
    *
@@ -171,7 +171,7 @@ export interface IRemoteKubeApiConfig {
   };
   /**
    * Custom instance of https.agent to use for the requests
-   * 
+   *
    * @remarks the custom agent replaced default agent, options skipTLSVerify,
    * clientCertificateData, clientKeyData and caData are ignored.
    */
@@ -179,17 +179,17 @@ export interface IRemoteKubeApiConfig {
 }
 
 export function forCluster<
-  Object extends KubeObject<any, any, KubeObjectScope>,
+  Object extends KubeObject,
   Api extends KubeApi<Object>,
   Data extends KubeJsonApiDataFor<Object>,
 >(cluster: ILocalKubeApiConfig, kubeClass: KubeObjectConstructor<Object, Data>, apiClass: new (apiOpts: KubeApiOptions<Object>) => Api): Api;
 export function forCluster<
-  Object extends KubeObject<any, any, KubeObjectScope>,
+  Object extends KubeObject,
   Data extends KubeJsonApiDataFor<Object>,
 >(cluster: ILocalKubeApiConfig, kubeClass: KubeObjectConstructor<Object, Data>, apiClass?: new (apiOpts: KubeApiOptions<Object>) => KubeApi<Object>): KubeApi<Object>;
 
 export function forCluster<
-  Object extends KubeObject<any, any, KubeObjectScope>,
+  Object extends KubeObject,
   Data extends KubeJsonApiDataFor<Object>,
 >(cluster: ILocalKubeApiConfig, kubeClass: KubeObjectConstructor<Object, Data>, apiClass: (new (apiOpts: KubeApiOptions<Object>) => KubeApi<Object>) = KubeApi): KubeApi<Object> {
   const url = new URL(apiBase.config.serverAddress);
@@ -210,17 +210,17 @@ export function forCluster<
 }
 
 export function forRemoteCluster<
-  Object extends KubeObject<any, any, KubeObjectScope>,
+  Object extends KubeObject,
   Api extends KubeApi<Object>,
   Data extends KubeJsonApiDataFor<Object>,
 >(config: IRemoteKubeApiConfig, kubeClass: KubeObjectConstructor<Object, Data>, apiClass: new (apiOpts: KubeApiOptions<Object>) => Api): Api;
 export function forRemoteCluster<
-  Object extends KubeObject<any, any, KubeObjectScope>,
+  Object extends KubeObject,
   Data extends KubeJsonApiDataFor<Object>,
 >(config: IRemoteKubeApiConfig, kubeClass: KubeObjectConstructor<Object, Data>, apiClass?: new (apiOpts: KubeApiOptions<Object>) => KubeApi<Object>): KubeApi<Object>;
 
 export function forRemoteCluster<
-  Object extends KubeObject<any, any, KubeObjectScope>,
+  Object extends KubeObject,
   Api extends KubeApi<Object>,
   Data extends KubeJsonApiDataFor<Object>,
 >(config: IRemoteKubeApiConfig, kubeClass: KubeObjectConstructor<Object, Data>, apiClass: new (apiOpts: KubeApiOptions<Object>) => KubeApi<Object> = KubeApi): KubeApi<Object> {
@@ -277,7 +277,7 @@ export function forRemoteCluster<
 
 export type KubeApiWatchCallback<T extends KubeJsonApiData = KubeJsonApiData> = (data: IKubeWatchEvent<T>, error: any) => void;
 
-export interface KubeApiWatchOptions<Object extends KubeObject<any, any, KubeObjectScope>, Data extends KubeJsonApiDataFor<Object>> {
+export interface KubeApiWatchOptions<Object extends KubeObject, Data extends KubeJsonApiDataFor<Object>> {
   namespace: string;
   callback?: KubeApiWatchCallback<Data>;
   abortController?: AbortController;
diff --git a/src/common/k8s-api/kube-api/get-kube-api-from-path.injectable.ts b/src/common/k8s-api/kube-api/get-kube-api-from-path.injectable.ts
new file mode 100644
index 0000000000..669185684f
--- /dev/null
+++ b/src/common/k8s-api/kube-api/get-kube-api-from-path.injectable.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { parseKubeApi } from "../kube-api-parse";
+import { kubeApiInjectionToken } from "./kube-api-injection-token";
+import type { KubeApi } from "../kube-api";
+
+const getKubeApiFromPathInjectable = getInjectable({
+  id: "get-kube-api-from-path",
+
+  instantiate: (di) => {
+    const kubeApis = di.injectMany(kubeApiInjectionToken);
+
+    return (apiPath: string) => {
+      const parsed = parseKubeApi(apiPath);
+
+      const kubeApi = kubeApis.find((api) => api.apiBase === parsed.apiBase);
+
+      return (kubeApi as KubeApi) || undefined;
+    };
+  },
+});
+
+export default getKubeApiFromPathInjectable;
diff --git a/src/common/k8s-api/kube-api/kube-api-injection-token.ts b/src/common/k8s-api/kube-api/kube-api-injection-token.ts
new file mode 100644
index 0000000000..92b6636274
--- /dev/null
+++ b/src/common/k8s-api/kube-api/kube-api-injection-token.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { KubeApi } from "../kube-api";
+
+export const kubeApiInjectionToken = getInjectionToken<KubeApi<any, any>>({
+  id: "kube-api-injection-token",
+});
diff --git a/src/common/k8s-api/kube-object.store.ts b/src/common/k8s-api/kube-object.store.ts
index 855e1a1315..5412bbc87c 100644
--- a/src/common/k8s-api/kube-object.store.ts
+++ b/src/common/k8s-api/kube-object.store.ts
@@ -15,12 +15,12 @@ import { ItemStore } from "../item.store";
 import type { KubeApiQueryParams, KubeApi, KubeApiWatchCallback } from "./kube-api";
 import { parseKubeApi } from "./kube-api-parse";
 import type { RequestInit } from "node-fetch";
-import AbortController from "abort-controller";
 import type { Patch } from "rfc6902";
 import logger from "../logger";
 import assert from "assert";
 import type { PartialDeep } from "type-fest";
 import { entries } from "../utils/objects";
+import AbortController from "abort-controller";
 
 export type OnLoadFailure = (error: unknown) => void;
 
@@ -83,6 +83,8 @@ export type KubeApiDataFrom<K extends KubeObject, A> = A extends KubeApi<K, infe
     : never
   : never;
 
+export type JsonPatch = Patch;
+
 export abstract class KubeObjectStore<
   K extends KubeObject = KubeObject,
   A extends KubeApi<K, D> = KubeApi<K, KubeJsonApiDataFor<K>>,
@@ -90,7 +92,7 @@ export abstract class KubeObjectStore<
 > extends ItemStore<K> {
   static readonly defaultContext = observable.box<ClusterContext>(); // TODO: support multiple cluster contexts
 
-  public readonly api: A;
+  public readonly api!: A;
   public readonly limit: number | undefined;
   public readonly bufferSize: number;
   @observable private loadedNamespaces: string[] | undefined = undefined;
@@ -103,9 +105,18 @@ export abstract class KubeObjectStore<
     return when(() => Boolean(this.loadedNamespaces));
   }
 
-  constructor(api: A, opts?: KubeObjectStoreOptions) {
+  constructor(api: A, opts?: KubeObjectStoreOptions);
+  /**
+   * @deprecated Supply API instance through constructor
+   */
+  constructor();
+  constructor(api?: A, opts?: KubeObjectStoreOptions) {
     super();
-    this.api = api;
+
+    if (api) {
+      this.api = api;
+    }
+
     this.limit = opts?.limit;
     this.bufferSize = opts?.bufferSize ?? 50_000;
 
@@ -344,7 +355,7 @@ export abstract class KubeObjectStore<
   async loadFromPath(resourcePath: string) {
     const { namespace, name } = parseKubeApi(resourcePath);
 
-    assert(name && namespace, "Both name and namesapce must be part of resourcePath");
+    assert(name, "name must be part of resourcePath");
 
     return this.load({ name, namespace });
   }
@@ -376,7 +387,7 @@ export abstract class KubeObjectStore<
     return newItem;
   }
 
-  async patch(item: K, patch: Patch): Promise<K> {
+  async patch(item: K, patch: JsonPatch): Promise<K> {
     const rawItem = await this.api.patch(
       {
         name: item.getName(), namespace: item.getNs(),
@@ -466,7 +477,8 @@ export abstract class KubeObjectStore<
       callback,
     });
 
-    const { signal } = abortController;
+    // TODO: upgrade node-fetch once we are starting to use ES modules
+    const signal = abortController.signal;
 
     const callback: KubeApiWatchCallback<D> = (data, error) => {
       if (!this.isLoaded || error?.type === "aborted") return;
diff --git a/src/common/k8s-api/kube-object.ts b/src/common/k8s-api/kube-object.ts
index 3431c6fcd2..0851729bc7 100644
--- a/src/common/k8s-api/kube-object.ts
+++ b/src/common/k8s-api/kube-object.ts
@@ -15,8 +15,8 @@ import type { Patch } from "rfc6902";
 import assert from "assert";
 import type { JsonObject } from "type-fest";
 
-export type KubeJsonApiDataFor<K> = K extends KubeObject<infer Status, infer Spec, infer Scope>
-  ? KubeJsonApiData<KubeObjectMetadata<Scope>, Status, Spec>
+export type KubeJsonApiDataFor<K> = K extends KubeObject<infer Metadata, infer Status, infer Spec>
+  ? KubeJsonApiData<Metadata, Status, Spec>
   : never;
 
 export interface KubeObjectConstructorData {
@@ -25,7 +25,7 @@ export interface KubeObjectConstructorData {
   readonly apiBase?: string;
 }
 
-export type KubeObjectConstructor<K extends KubeObject<any, any, KubeObjectScope>, Data> = (new (data: Data) => K) & KubeObjectConstructorData;
+export type KubeObjectConstructor<K extends KubeObject, Data> = (new (data: Data) => K) & KubeObjectConstructorData;
 
 export interface OwnerReference {
   apiVersion: string;
@@ -199,9 +199,11 @@ export interface BaseKubeJsonApiObjectMetadata<Namespaced extends KubeObjectScop
   [key: string]: unknown;
 }
 
-export type KubeJsonApiObjectMetadata<Namespaced extends KubeObjectScope = KubeObjectScope> = Namespaced extends KubeObjectScope.Namespace
-  ? BaseKubeJsonApiObjectMetadata<KubeObjectScope.Namespace> & { readonly namespace: string }
-  : BaseKubeJsonApiObjectMetadata<Namespaced>;
+export type KubeJsonApiObjectMetadata<Namespaced extends KubeObjectScope = KubeObjectScope> = BaseKubeJsonApiObjectMetadata<Namespaced> & (
+  Namespaced extends KubeObjectScope.Namespace
+    ? { readonly namespace: string }
+    : {}
+);
 
 export type KubeObjectMetadata<Namespaced extends KubeObjectScope = KubeObjectScope> = KubeJsonApiObjectMetadata<Namespaced> & {
   readonly selfLink: string;
@@ -210,6 +212,9 @@ export type KubeObjectMetadata<Namespaced extends KubeObjectScope = KubeObjectSc
   readonly resourceVersion: string;
 };
 
+export type NamespaceScopedMetadata = KubeObjectMetadata<KubeObjectScope.Namespace>;
+export type ClusterScopedMetadata = KubeObjectMetadata<KubeObjectScope.Cluster>;
+
 export interface KubeStatusData {
   kind: string;
   apiVersion: string;
@@ -371,9 +376,9 @@ export type ScopedNamespace<Namespaced extends KubeObjectScope> = (
 );
 
 export class KubeObject<
+  Metadata extends KubeObjectMetadata<KubeObjectScope> = KubeObjectMetadata<KubeObjectScope>,
   Status = unknown,
   Spec = unknown,
-  Namespaced extends KubeObjectScope = KubeObjectScope,
 > implements ItemObject {
   static readonly kind?: string;
   static readonly namespaced?: boolean;
@@ -381,7 +386,7 @@ export class KubeObject<
 
   apiVersion!: string;
   kind!: string;
-  metadata!: KubeObjectMetadata<Namespaced>;
+  metadata!: Metadata;
   status?: Status;
   spec!: Spec;
 
@@ -393,7 +398,7 @@ export class KubeObject<
     return new KubeObject(data);
   }
 
-  static isNonSystem(item: KubeJsonApiData | KubeObject<unknown, unknown, KubeObjectScope>) {
+  static isNonSystem(item: KubeJsonApiData | KubeObject<KubeObjectMetadata<KubeObjectScope>, unknown, unknown>) {
     return !item.metadata.name?.startsWith("system:");
   }
 
@@ -488,7 +493,7 @@ export class KubeObject<
     ...KubeObject.nonEditablePathPrefixes,
   ]);
 
-  constructor(data: KubeJsonApiData<KubeObjectMetadata<Namespaced>, Status, Spec>) {
+  constructor(data: KubeJsonApiData<Metadata, Status, Spec>) {
     if (typeof data !== "object") {
       throw new TypeError(`Cannot create a KubeObject from ${typeof data}`);
     }
@@ -524,7 +529,7 @@ export class KubeObject<
     return this.metadata.name;
   }
 
-  getNs(): ScopedNamespace<Namespaced> {
+  getNs(): Metadata["namespace"] {
     // avoid "null" serialization via JSON.stringify when post data
     return (this.metadata.namespace || undefined) as never;
   }
diff --git a/src/common/log-error.injectable.ts b/src/common/log-error.injectable.ts
new file mode 100644
index 0000000000..4fab2cd546
--- /dev/null
+++ b/src/common/log-error.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import loggerInjectable from "./logger.injectable";
+
+const logErrorInjectable = getInjectable({
+  id: "log-error",
+  instantiate: (di) => di.inject(loggerInjectable).error,
+});
+
+export default logErrorInjectable;
diff --git a/src/common/logger.ts b/src/common/logger.ts
index 7df4db08c7..fd9345d61e 100644
--- a/src/common/logger.ts
+++ b/src/common/logger.ts
@@ -78,4 +78,4 @@ export default winston.createLogger({
     format.simple(),
   ),
   transports,
-});
+}) as Logger;
diff --git a/src/common/protocol-handler/router.ts b/src/common/protocol-handler/router.ts
index 804f70c80b..3204a5356c 100644
--- a/src/common/protocol-handler/router.ts
+++ b/src/common/protocol-handler/router.ts
@@ -8,7 +8,6 @@ import { matchPath } from "react-router";
 import { countBy } from "lodash";
 import { isDefined, iter } from "../utils";
 import { pathToRegexp } from "path-to-regexp";
-import logger from "../../main/logger";
 import type Url from "url-parse";
 import { RoutingError, RoutingErrorType } from "./error";
 import type { ExtensionsStore } from "../../extensions/extensions-store/extensions-store";
@@ -17,6 +16,7 @@ import type { LensExtension } from "../../extensions/lens-extension";
 import type { RouteHandler, RouteParams } from "../../extensions/registries/protocol-handler";
 import { when } from "mobx";
 import { ipcRenderer } from "electron";
+import type { Logger } from "../logger";
 
 // IPC channel for protocol actions. Main broadcasts the open-url events to this channel.
 export const ProtocolHandlerIpcPrefix = "protocol-handler";
@@ -66,6 +66,7 @@ export function foldAttemptResults(mainAttempt: RouteAttempt, rendererAttempt: R
 export interface LensProtocolRouterDependencies {
   readonly extensionLoader: ExtensionLoader;
   readonly extensionsStore: ExtensionsStore;
+  readonly logger: Logger;
 }
 
 export abstract class LensProtocolRouter {
@@ -112,7 +113,17 @@ export abstract class LensProtocolRouter {
     }
 
     // if no exact match pick the one that is the most specific
-    return matches.sort(([a], [b]) => compareMatches(a, b))[0] ?? null;
+    return matches.sort(([a], [b]) => {
+      if (a.path === "/") {
+        return 1;
+      }
+
+      if (b.path === "/") {
+        return -1;
+      }
+
+      return countBy(b.path)["/"] - countBy(a.path)["/"];
+    })[0] ?? null;
   }
 
   /**
@@ -130,7 +141,7 @@ export abstract class LensProtocolRouter {
         data.extensionName = extensionName;
       }
 
-      logger.info(`${LensProtocolRouter.LoggingPrefix}: No handler found`, data);
+      this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: No handler found`, data);
 
       return RouteAttempt.MISSING;
     }
@@ -183,7 +194,7 @@ export abstract class LensProtocolRouter {
         timeout: 5_000,
       });
     } catch (error) {
-      logger.info(
+      this.dependencies.logger.info(
         `${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but not installed (${error})`,
       );
 
@@ -193,18 +204,18 @@ export abstract class LensProtocolRouter {
     const extension = extensionLoader.getInstanceByName(name);
 
     if (!extension) {
-      logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but does not have a class for ${ipcRenderer ? "renderer" : "main"}`);
+      this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but does not have a class for ${ipcRenderer ? "renderer" : "main"}`);
 
       return name;
     }
 
     if (!this.dependencies.extensionsStore.isEnabled(extension)) {
-      logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but not enabled`);
+      this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched, but not enabled`);
 
       return name;
     }
 
-    logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched`);
+    this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: Extension ${name} matched`);
 
     return extension;
   }
@@ -250,7 +261,7 @@ export abstract class LensProtocolRouter {
    */
   public addInternalHandler(urlSchema: string, handler: RouteHandler): this {
     pathToRegexp(urlSchema); // verify now that the schema is valid
-    logger.info(`${LensProtocolRouter.LoggingPrefix}: internal registering ${urlSchema}`);
+    this.dependencies.logger.info(`${LensProtocolRouter.LoggingPrefix}: internal registering ${urlSchema}`);
     this.internalRoutes.set(urlSchema, handler);
 
     return this;
@@ -264,21 +275,3 @@ export abstract class LensProtocolRouter {
     this.internalRoutes.delete(urlSchema);
   }
 }
-
-/**
- * a comparison function for `array.sort(...)`. Sort order should be most path
- * parts to least path parts.
- * @param a the left side to compare
- * @param b the right side to compare
- */
-function compareMatches<T>(a: match<T>, b: match<T>): number {
-  if (a.path === "/") {
-    return 1;
-  }
-
-  if (b.path === "/") {
-    return -1;
-  }
-
-  return countBy(b.path)["/"] - countBy(a.path)["/"];
-}
diff --git a/src/common/rbac.ts b/src/common/rbac.ts
index 6f5a282262..965fff5e46 100644
--- a/src/common/rbac.ts
+++ b/src/common/rbac.ts
@@ -7,7 +7,7 @@ export type KubeResource =
   "namespaces" | "nodes" | "events" | "resourcequotas" | "services" | "limitranges" |
   "secrets" | "configmaps" | "ingresses" | "networkpolicies" | "persistentvolumeclaims" | "persistentvolumes" | "storageclasses" |
   "pods" | "daemonsets" | "deployments" | "statefulsets" | "replicasets" | "jobs" | "cronjobs" |
-  "endpoints" | "customresourcedefinitions" | "horizontalpodautoscalers" | "podsecuritypolicies" | "poddisruptionbudgets" |
+  "endpoints" | "customresourcedefinitions" | "horizontalpodautoscalers" | "podsecuritypolicies" | "poddisruptionbudgets" | "priorityclasses" |
   "roles" | "clusterroles" | "rolebindings" | "clusterrolebindings" | "serviceaccounts";
 
 export interface KubeApiResource extends KubeApiResourceData {
@@ -41,6 +41,7 @@ export const apiResourceRecord: Record<KubeResource, KubeApiResourceData> = {
   "pods": { kind: "Pod" },
   "poddisruptionbudgets": { kind: "PodDisruptionBudget", group: "policy" },
   "podsecuritypolicies": { kind: "PodSecurityPolicy", group: "policy" },
+  "priorityclasses": { kind: "PriorityClass", group: "scheduling.k8s.io" },
   "resourcequotas": { kind: "ResourceQuota" },
   "replicasets": { kind: "ReplicaSet", group: "apps" },
   "roles": { kind: "Role", group: "rbac.authorization.k8s.io" },
diff --git a/src/common/test-utils/get-global-override.ts b/src/common/test-utils/get-global-override.ts
new file mode 100644
index 0000000000..ac3c86a33e
--- /dev/null
+++ b/src/common/test-utils/get-global-override.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Injectable } from "@ogre-tools/injectable";
+
+export interface GlobalOverride {
+  injectable: Injectable<any, any, any>;
+  overridingInstantiate: any;
+}
+
+export const getGlobalOverride = <T extends Injectable<any, any, any>>(
+  injectable: T,
+  overridingInstantiate: T["instantiate"],
+) => ({
+    injectable,
+    overridingInstantiate,
+  });
diff --git a/src/common/test-utils/use-fake-time.ts b/src/common/test-utils/use-fake-time.ts
new file mode 100644
index 0000000000..77cd385b4b
--- /dev/null
+++ b/src/common/test-utils/use-fake-time.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { act } from "@testing-library/react";
+
+let usingFakeTime = false;
+
+export const advanceFakeTime = (milliseconds: number) => {
+  if (!usingFakeTime) {
+    throw new Error("Tried to advance fake time but it was not enabled. Call useFakeTime() first.");
+  }
+
+  act(() => {
+    jest.advanceTimersByTime(milliseconds);
+  });
+};
+
+export const useFakeTime = (dateTime: string) => {
+  usingFakeTime = true;
+
+  jest.useFakeTimers();
+
+  jest.setSystemTime(new Date(dateTime));
+};
diff --git a/src/common/utils/__tests__/convert-memory.test.ts b/src/common/utils/__tests__/convert-memory.test.ts
index 5acc10e5ab..c69f43a061 100644
--- a/src/common/utils/__tests__/convert-memory.test.ts
+++ b/src/common/utils/__tests__/convert-memory.test.ts
@@ -10,6 +10,50 @@ describe("unitsToBytes", () => {
     expect(unitsToBytes("1234")).toBe(1234);
   });
 
+  it("should parse with B suffix", () => {
+    expect(unitsToBytes("1234B")).toBe(1234);
+  });
+
+  it("should parse with Ki suffix", () => {
+    expect(unitsToBytes("1234Ki")).toBe(1234 * (1024));
+  });
+
+  it("should parse with Ki suffix as the same as KiB", () => {
+    expect(unitsToBytes("1234Ki")).toBe(unitsToBytes("1234KiB"));
+  });
+
+  it("should parse with Mi suffix", () => {
+    expect(unitsToBytes("1234Mi")).toBe(1234 * (1024 ** 2));
+  });
+
+  it("should parse with Mi suffix as the same as MiB", () => {
+    expect(unitsToBytes("1234Mi")).toBe(unitsToBytes("1234MiB"));
+  });
+
+  it("should parse with Gi suffix", () => {
+    expect(unitsToBytes("1234Gi")).toBe(1234 * (1024 ** 3));
+  });
+
+  it("should parse with Gi suffix as the same as GiB", () => {
+    expect(unitsToBytes("1234Gi")).toBe(unitsToBytes("1234GiB"));
+  });
+
+  it("should parse with Ti suffix", () => {
+    expect(unitsToBytes("1234Ti")).toBe(1234 * (1024 ** 4));
+  });
+
+  it("should parse with Ti suffix as the same as TiB", () => {
+    expect(unitsToBytes("1234Ti")).toBe(unitsToBytes("1234TiB"));
+  });
+
+  it("should parse with Pi suffix", () => {
+    expect(unitsToBytes("1234Pi")).toBe(1234 * (1024 ** 5));
+  });
+
+  it("should parse with Pi suffix as the same as PiB", () => {
+    expect(unitsToBytes("1234Pi")).toBe(unitsToBytes("1234PiB"));
+  });
+
   it("given unrelated data, return NaN", () => {
     expect(unitsToBytes("I am not a number")).toBeNaN();
   });
@@ -64,14 +108,6 @@ describe("bytesToUnits", () => {
     expect(bytesToUnits(1900 * 1024 ** 4)).toBe("1.9PiB");
     expect(bytesToUnits(50*(1024 ** 5) + 1)).toBe("50.0PiB");
   });
-
-  it("given a number within the magnitude of 1024^6.., format with EiB", () => {
-    expect(bytesToUnits(1024**6)).toBe("1.0EiB");
-    expect(bytesToUnits(2048**6)).toBe("64.0EiB");
-    expect(bytesToUnits(1900 * 1024 ** 5)).toBe("1.9EiB");
-    expect(bytesToUnits(50*(1024 ** 6) + 1)).toBe("50.0EiB");
-    expect(bytesToUnits(1024**8)).toBe("1048576.0EiB");
-  });
 });
 
 describe("bytesToUnits -> unitsToBytes", () => {
diff --git a/src/common/utils/__tests__/union-env-path.test.ts b/src/common/utils/__tests__/union-env-path.test.ts
new file mode 100644
index 0000000000..ff8ca916d2
--- /dev/null
+++ b/src/common/utils/__tests__/union-env-path.test.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import path from "path";
+import { unionPATHs } from "../union-env-path";
+
+describe("unionPATHs", () => {
+  it("return the same path if given only one with no double delimiters", () => {
+    expect(unionPATHs(`/bin/bar${path.delimiter}/usr/bin`)).toBe(`/bin/bar${path.delimiter}/usr/bin`);
+  });
+
+  it("return equivalent path if given only one with no double delimiters", () => {
+    expect(unionPATHs(`/bin/bar${path.delimiter}${path.delimiter}/usr/bin`)).toBe(`/bin/bar${path.delimiter}/usr/bin`);
+  });
+
+  it("should remove duplicate entries, appending non duplicates in order received", () => {
+    expect(unionPATHs(
+      `/bin/bar${path.delimiter}/usr/bin`,
+      `/bin/bar${path.delimiter}/usr/lens/bat`,
+    )).toBe(`/bin/bar${path.delimiter}/usr/bin${path.delimiter}/usr/lens/bat`);
+  });
+
+  it("should remove duplicate entries, appending non duplicates in order received, 3", () => {
+    expect(unionPATHs(
+      `/bin/bar${path.delimiter}/usr/bin`,
+      `/bin/bar${path.delimiter}/usr/lens/bat`,
+      `/usr/local/lens${path.delimiter}/usr/bin`,
+    )).toBe(`/bin/bar${path.delimiter}/usr/bin${path.delimiter}/usr/lens/bat${path.delimiter}/usr/local/lens`);
+  });
+});
diff --git a/src/common/utils/abort-controller.ts b/src/common/utils/abort-controller.ts
index e115fd5868..8172e6a81a 100644
--- a/src/common/utils/abort-controller.ts
+++ b/src/common/utils/abort-controller.ts
@@ -2,10 +2,15 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
+
 import AbortController from "abort-controller";
 
+/**
+ * This is like an `AbortController` but will also abort if the parent aborts,
+ * but won't make the parent abort if this aborts (single direction)
+ */
 export class WrappedAbortController extends AbortController {
-  constructor(parent?: AbortController) {
+  constructor(parent?: AbortController | undefined) {
     super();
 
     parent?.signal.addEventListener("abort", () => {
diff --git a/src/common/utils/channel/channel.test.ts b/src/common/utils/channel/channel.test.ts
index 84c1366f35..c5f52c0874 100644
--- a/src/common/utils/channel/channel.test.ts
+++ b/src/common/utils/channel/channel.test.ts
@@ -4,13 +4,11 @@
  */
 import type { DiContainer } from "@ogre-tools/injectable";
 import { getInjectable } from "@ogre-tools/injectable";
-import type { LensWindow } from "../../../main/start-main-application/lens-window/application-window/lens-window-injection-token";
-import { lensWindowInjectionToken } from "../../../main/start-main-application/lens-window/application-window/lens-window-injection-token";
 import type { MessageToChannel } from "./message-to-channel-injection-token";
 import { messageToChannelInjectionToken } from "./message-to-channel-injection-token";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
-import createLensWindowInjectable from "../../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
-import closeAllWindowsInjectable from "../../../main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable";
+import type { LensWindow } from "../../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
 import { messageChannelListenerInjectionToken } from "./message-channel-listener-injection-token";
 import type { MessageChannel } from "./message-channel-injection-token";
 import type { RequestFromChannel } from "./request-from-channel-injection-token";
@@ -20,6 +18,7 @@ import { requestChannelListenerInjectionToken } from "./request-channel-listener
 import type { AsyncFnMock } from "@async-fn/jest";
 import asyncFn from "@async-fn/jest";
 import { getPromiseStatus } from "../../test-utils/get-promise-status";
+import { runInAction } from "mobx";
 
 type TestMessageChannel = MessageChannel<string>;
 type TestRequestChannel = RequestChannel<string, string>;
@@ -30,12 +29,10 @@ describe("channel", () => {
     let messageListenerInWindowMock: jest.Mock;
     let mainDi: DiContainer;
     let messageToChannel: MessageToChannel;
+    let builder: ApplicationBuilder;
 
     beforeEach(async () => {
-      const applicationBuilder = getApplicationBuilder();
-
-      mainDi = applicationBuilder.dis.mainDi;
-      const rendererDi = applicationBuilder.dis.rendererDi;
+      builder = getApplicationBuilder();
 
       messageListenerInWindowMock = jest.fn();
 
@@ -44,37 +41,38 @@ describe("channel", () => {
 
         instantiate: (di) => ({
           channel: di.inject(testMessageChannelInjectable),
-
           handler: messageListenerInWindowMock,
         }),
 
         injectionToken: messageChannelListenerInjectionToken,
       });
 
-      rendererDi.register(testChannelListenerInTestWindowInjectable);
+      builder.beforeApplicationStart((mainDi) => {
+        runInAction(() => {
+          mainDi.register(testMessageChannelInjectable);
+        });
+      });
 
-      // Notice how test channel has presence in both DIs, being from common
-      mainDi.register(testMessageChannelInjectable);
-      rendererDi.register(testMessageChannelInjectable);
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testChannelListenerInTestWindowInjectable);
+          windowDi.register(testMessageChannelInjectable);
+        });
+      });
+
+      mainDi = builder.mainDi;
+
+      await builder.startHidden();
 
       testMessageChannel = mainDi.inject(testMessageChannelInjectable);
-
-      messageToChannel = mainDi.inject(
-        messageToChannelInjectionToken,
-      );
-
-      await applicationBuilder.render();
-
-      const closeAllWindows = mainDi.inject(closeAllWindowsInjectable);
-
-      closeAllWindows();
+      messageToChannel = mainDi.inject(messageToChannelInjectionToken);
     });
 
     describe("given window is started", () => {
       let someWindowFake: LensWindow;
 
       beforeEach(async () => {
-        someWindowFake = createTestWindow(mainDi, "some-window");
+        someWindowFake = builder.applicationWindow.create("some-window");
 
         await someWindowFake.start();
       });
@@ -95,8 +93,8 @@ describe("channel", () => {
     });
 
     it("given multiple started windows, when sending message, triggers listeners in all windows", async () => {
-      const someWindowFake = createTestWindow(mainDi, "some-window");
-      const someOtherWindowFake = createTestWindow(mainDi, "some-other-window");
+      const someWindowFake = builder.applicationWindow.create("some-window");
+      const someOtherWindowFake = builder.applicationWindow.create("some-other-window");
 
       await someWindowFake.start();
       await someOtherWindowFake.start();
@@ -113,16 +111,11 @@ describe("channel", () => {
   describe("messaging from renderer to main, given listener for channel in a main and application has started", () => {
     let testMessageChannel: TestMessageChannel;
     let messageListenerInMainMock: jest.Mock;
-    let rendererDi: DiContainer;
-    let mainDi: DiContainer;
     let messageToChannel: MessageToChannel;
 
     beforeEach(async () => {
       const applicationBuilder = getApplicationBuilder();
 
-      mainDi = applicationBuilder.dis.mainDi;
-      rendererDi = applicationBuilder.dis.rendererDi;
-
       messageListenerInMainMock = jest.fn();
 
       const testChannelListenerInMainInjectable = getInjectable({
@@ -137,19 +130,25 @@ describe("channel", () => {
         injectionToken: messageChannelListenerInjectionToken,
       });
 
-      mainDi.register(testChannelListenerInMainInjectable);
+      applicationBuilder.beforeApplicationStart((mainDi) => {
+        runInAction(() => {
+          mainDi.register(testChannelListenerInMainInjectable);
+          mainDi.register(testMessageChannelInjectable);
+        });
+      });
 
-      // Notice how test channel has presence in both DIs, being from common
-      mainDi.register(testMessageChannelInjectable);
-      rendererDi.register(testMessageChannelInjectable);
-
-      testMessageChannel = rendererDi.inject(testMessageChannelInjectable);
-
-      messageToChannel = rendererDi.inject(
-        messageToChannelInjectionToken,
-      );
+      applicationBuilder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testMessageChannelInjectable);
+        });
+      });
 
       await applicationBuilder.render();
+
+      const windowDi = applicationBuilder.applicationWindow.only.di;
+
+      testMessageChannel = windowDi.inject(testMessageChannelInjectable);
+      messageToChannel = windowDi.inject(messageToChannelInjectionToken);
     });
 
     it("when sending message, triggers listener in main", () => {
@@ -162,16 +161,11 @@ describe("channel", () => {
   describe("requesting from main in renderer, given listener for channel in a main and application has started", () => {
     let testRequestChannel: TestRequestChannel;
     let requestListenerInMainMock: AsyncFnMock<(arg: string) => string>;
-    let rendererDi: DiContainer;
-    let mainDi: DiContainer;
     let requestFromChannel: RequestFromChannel;
 
     beforeEach(async () => {
       const applicationBuilder = getApplicationBuilder();
 
-      mainDi = applicationBuilder.dis.mainDi;
-      rendererDi = applicationBuilder.dis.rendererDi;
-
       requestListenerInMainMock = asyncFn();
 
       const testChannelListenerInMainInjectable = getInjectable({
@@ -186,19 +180,28 @@ describe("channel", () => {
         injectionToken: requestChannelListenerInjectionToken,
       });
 
-      mainDi.register(testChannelListenerInMainInjectable);
+      applicationBuilder.beforeApplicationStart((mainDi) => {
+        runInAction(() => {
+          mainDi.register(testChannelListenerInMainInjectable);
+          mainDi.register(testRequestChannelInjectable);
+        });
+      });
 
-      // Notice how test channel has presence in both DIs, being from common
-      mainDi.register(testRequestChannelInjectable);
-      rendererDi.register(testRequestChannelInjectable);
-
-      testRequestChannel = rendererDi.inject(testRequestChannelInjectable);
-
-      requestFromChannel = rendererDi.inject(
-        requestFromChannelInjectionToken,
-      );
+      applicationBuilder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testRequestChannelInjectable);
+        });
+      });
 
       await applicationBuilder.render();
+
+      const windowDi = applicationBuilder.applicationWindow.only.di;
+
+      testRequestChannel = windowDi.inject(testRequestChannelInjectable);
+
+      requestFromChannel = windowDi.inject(
+        requestFromChannelInjectionToken,
+      );
     });
 
     describe("when requesting from channel", () => {
@@ -245,29 +248,3 @@ const testRequestChannelInjectable = getInjectable({
   }),
 });
 
-const createTestWindow = (di: DiContainer, id: string) => {
-  const testWindowInjectable = getInjectable({
-    id,
-
-    instantiate: (di) => {
-      const createLensWindow = di.inject(createLensWindowInjectable);
-
-      return createLensWindow({
-        id,
-        title: "Some test window",
-        defaultHeight: 42,
-        defaultWidth: 42,
-        getContentSource: () => ({ url: "some-content-url" }),
-        resizable: true,
-        windowFrameUtilitiesAreShown: false,
-        centered: false,
-      });
-    },
-
-    injectionToken: lensWindowInjectionToken,
-  });
-
-  di.register(testWindowInjectable);
-
-  return di.inject(testWindowInjectable);
-};
diff --git a/src/common/utils/convertCpu.ts b/src/common/utils/convertCpu.ts
index 5d537b34e7..86b57b78f8 100644
--- a/src/common/utils/convertCpu.ts
+++ b/src/common/utils/convertCpu.ts
@@ -3,18 +3,38 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+import { TypedRegEx } from "typed-regex";
+
 // Helper to convert CPU K8S units to numbers
 
-const thousand = 1000;
-const million = thousand * thousand;
-const shortBillion = thousand * million;
+const unitConverters = new Map([
+  ["n", 1000 ** -3],
+  ["u", 1000 ** -2],
+  ["m", 1000 ** -1], // milli
+  ["", 1000 ** 0], // no units
+  ["k", 1000 ** 1],
+  ["M", 1000 ** 2],
+  ["G", 1000 ** 3],
+  ["P", 1000 ** 4],
+  ["T", 1000 ** 5],
+  ["E", 1000 ** 6],
+]);
 
-export function cpuUnitsToNumber(cpu: string) {
-  const cpuNum = parseInt(cpu);
+const cpuUnitsRegex = TypedRegEx("^(?<digits>[+-]?[0-9.]+(e[-+]?[0-9]+)?)(?<unit>[EinumkKMGTP]*)$");
 
-  if (cpu.includes("m")) return cpuNum / thousand;
-  if (cpu.includes("u")) return cpuNum / million;
-  if (cpu.includes("n")) return cpuNum / shortBillion;
+export function cpuUnitsToNumber(value: string) {
+  const match = cpuUnitsRegex.captures(value);
 
-  return parseFloat(cpu);
+  if (!match) {
+    return undefined;
+  }
+
+  const { digits = "", unit } = match;
+  const conversion = unitConverters.get(unit);
+
+  if (conversion === undefined) {
+    return undefined;
+  }
+
+  return parseFloat(digits) * conversion;
 }
diff --git a/src/common/utils/convertMemory.ts b/src/common/utils/convertMemory.ts
index d06b33d64a..7cae1cf0c1 100644
--- a/src/common/utils/convertMemory.ts
+++ b/src/common/utils/convertMemory.ts
@@ -9,17 +9,18 @@ import * as iter from "./iter";
 // Helper to convert memory from units Ki, Mi, Gi, Ti, Pi to bytes and vise versa
 
 const baseMagnitude = 1024;
-const maxMagnitude = ["EiB", baseMagnitude ** 6] as const;
+const maxMagnitude = ["PiB", baseMagnitude ** 5] as const;
 const magnitudes = new Map([
   ["B", 1] as const,
   ["KiB", baseMagnitude ** 1] as const,
   ["MiB", baseMagnitude ** 2] as const,
   ["GiB", baseMagnitude ** 3] as const,
   ["TiB", baseMagnitude ** 4] as const,
-  ["PiB", baseMagnitude ** 5] as const,
   maxMagnitude,
 ]);
-const unitRegex = /(?<value>[0-9]+(\.[0-9]*)?)(?<suffix>(B|[KMGTPE]iB))?/;
+const unitRegex = /(?<value>[0-9]+(\.[0-9]*)?)(?<suffix>(B|[KMGTP]iB?))?/;
+
+type BinaryUnit = typeof magnitudes extends Map<infer Key, any> ? Key : never;
 
 export function unitsToBytes(value: string): number {
   const unitsMatch = value.match(unitRegex);
@@ -34,7 +35,8 @@ export function unitsToBytes(value: string): number {
     return parsedValue;
   }
 
-  const magnitude = magnitudes.get(unitsMatch.groups.suffix as never);
+  const magnitude = magnitudes.get(unitsMatch.groups.suffix as BinaryUnit)
+    ?? magnitudes.get(`${unitsMatch.groups.suffix}B` as BinaryUnit);
 
   assert(magnitude, "UnitRegex is wrong some how");
 
diff --git a/src/common/utils/delay.ts b/src/common/utils/delay.ts
index 2c4a5c455e..96171f6535 100644
--- a/src/common/utils/delay.ts
+++ b/src/common/utils/delay.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { AbortController } from "abort-controller";
+import type AbortController from "abort-controller";
 
 /**
  * Return a promise that will be resolved after at least `timeout` ms have
diff --git a/src/common/utils/disposer.ts b/src/common/utils/disposer.ts
index db71148404..05a349ab4d 100644
--- a/src/common/utils/disposer.ts
+++ b/src/common/utils/disposer.ts
@@ -3,23 +3,35 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-export type Disposer = () => void;
 
-interface Extendable<T> {
-  push(...vals: T[]): void;
+
+export interface Disposer {
+  (): void;
 }
 
-export type ExtendableDisposer = Disposer & Extendable<Disposer>;
-
-export function disposer(...args: (Disposer | undefined | null)[]): ExtendableDisposer {
-  const res = () => {
-    args.forEach(dispose => dispose?.());
-    args.length = 0;
-  };
-
-  res.push = (...vals: Disposer[]) => {
-    args.push(...vals);
-  };
-
-  return res;
+export interface Disposable {
+  dispose(): void;
+}
+
+export interface ExtendableDisposer extends Disposer {
+  push(...vals: (Disposer | ExtendableDisposer | Disposable)[]): void;
+}
+
+export function disposer(...items: (Disposer | Disposable | undefined | null)[]): ExtendableDisposer {
+  return Object.assign(() => {
+    for (const item of items) {
+      if (!item) {
+        continue;
+      }
+
+      if (typeof item === "function") {
+        item();
+      } else {
+        item.dispose();
+      }
+    }
+    items.length = 0;
+  }, {
+    push: (...newItems) => items.push(...newItems),
+  } as Pick<ExtendableDisposer, "push">);
 }
diff --git a/src/common/utils/get-random-id.injectable.ts b/src/common/utils/get-random-id.injectable.ts
index 3b96c50633..b6d8b99f41 100644
--- a/src/common/utils/get-random-id.injectable.ts
+++ b/src/common/utils/get-random-id.injectable.ts
@@ -7,7 +7,7 @@ import { v4 as getRandomId } from "uuid";
 
 const getRandomIdInjectable = getInjectable({
   id: "get-random-id",
-  instantiate: () => getRandomId,
+  instantiate: () => () => getRandomId(),
   causesSideEffects: true,
 });
 
diff --git a/src/common/utils/index.ts b/src/common/utils/index.ts
index e36ccd317f..e16f803c56 100644
--- a/src/common/utils/index.ts
+++ b/src/common/utils/index.ts
@@ -3,13 +3,6 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-/**
- * A function that does nothing
- */
-export function noop<T extends any[]>(...args: T): void {
-  return void args;
-}
-
 export * from "./abort-controller";
 export * from "./app-version";
 export * from "./autobind";
@@ -27,7 +20,8 @@ export * from "./formatDuration";
 export * from "./getRandId";
 export * from "./hash-set";
 export * from "./n-fircate";
-export * from "./openBrowser";
+export * from "./noop";
+export * from "./observable-crate/impl";
 export * from "./paths";
 export * from "./promise-exec";
 export * from "./readonly";
diff --git a/src/common/utils/noop.ts b/src/common/utils/noop.ts
new file mode 100644
index 0000000000..a9171f2618
--- /dev/null
+++ b/src/common/utils/noop.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+/**
+ * A function that does nothing
+ */
+export function noop<T extends any[]>(...args: T): void {
+  return void args;
+}
diff --git a/src/common/utils/observable-crate/impl.ts b/src/common/utils/observable-crate/impl.ts
new file mode 100644
index 0000000000..e9874c9b7d
--- /dev/null
+++ b/src/common/utils/observable-crate/impl.ts
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { observable, runInAction } from "mobx";
+import { getOrInsertMap } from "../collection-functions";
+import { noop } from "../noop";
+
+export interface ObservableCrate<T> {
+  get(): T;
+  set(value: T): void;
+}
+
+export interface ObservableCrateFactory {
+  <T>(initialValue: T, transitionHandlers?: ObservableCrateTransitionHandlers<T>): ObservableCrate<T>;
+}
+
+export interface ObservableCrateTransitionHandler<T> {
+  from: T;
+  to: T;
+  onTransition: () => void;
+}
+export type ObservableCrateTransitionHandlers<T> = ObservableCrateTransitionHandler<T>[];
+
+function convertToHandlersMap<T>(handlers: ObservableCrateTransitionHandlers<T>): Map<T, Map<T, () => void>> {
+  const res: ReturnType<typeof convertToHandlersMap<T>> = new Map();
+
+  for (const { from, to, onTransition } of handlers) {
+    getOrInsertMap(res, from).set(to, onTransition);
+  }
+
+  return res;
+}
+
+export const observableCrate = ((initialValue, transitionHandlers = []) => {
+  const crate = observable.box(initialValue);
+  const handlers = convertToHandlersMap(transitionHandlers);
+
+  return {
+    get() {
+      return crate.get();
+    },
+    set(value) {
+      const onTransition = handlers.get(crate.get())?.get(value) ?? noop;
+
+      runInAction(() => {
+        crate.set(value);
+        onTransition();
+      });
+    },
+  };
+}) as ObservableCrateFactory;
diff --git a/src/common/utils/observable-crate/observable-crate.test.ts b/src/common/utils/observable-crate/observable-crate.test.ts
new file mode 100644
index 0000000000..03ee2e43f8
--- /dev/null
+++ b/src/common/utils/observable-crate/observable-crate.test.ts
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { ObservableCrate } from "./impl";
+import { observableCrate } from "./impl";
+
+describe("observable-crate", () => {
+  it("can be constructed with initial value", () => {
+    expect(() => observableCrate(0)).not.toThrow();
+  });
+
+  it("has a definite type if the initial value is provided", () => {
+    expect (() => {
+      const res: ObservableCrate<number> = observableCrate(0);
+
+      void res;
+    }).not.toThrow();
+  });
+
+  it("accepts an array of transitionHandlers", () => {
+    expect(() => observableCrate(0, [])).not.toThrow();
+  });
+
+  describe("with a crate over an enum, and some transition handlers", () => {
+    enum Test {
+      Start,
+      T1,
+      End,
+    }
+
+    let crate: ObservableCrate<Test>;
+    let correctHandler: jest.MockedFunction<() => void>;
+    let incorrectHandler: jest.MockedFunction<() => void>;
+
+    beforeEach(() => {
+      correctHandler = jest.fn();
+      incorrectHandler = jest.fn();
+      crate = observableCrate(Test.Start, [
+        {
+          from: Test.Start,
+          to: Test.Start,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.Start,
+          to: Test.T1,
+          onTransition: correctHandler,
+        },
+        {
+          from: Test.Start,
+          to: Test.End,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.T1,
+          to: Test.Start,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.T1,
+          to: Test.T1,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.T1,
+          to: Test.End,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.End,
+          to: Test.Start,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.End,
+          to: Test.T1,
+          onTransition: incorrectHandler,
+        },
+        {
+          from: Test.End,
+          to: Test.End,
+          onTransition: incorrectHandler,
+        },
+      ]);
+    });
+
+    it("initial value is available", () => {
+      expect(crate.get()).toBe(Test.Start);
+    });
+
+    it("does not call any transition handler", () => {
+      expect(correctHandler).not.toBeCalled();
+      expect(incorrectHandler).not.toBeCalled();
+    });
+
+    describe("when setting a new value", () => {
+      beforeEach(() => {
+        crate.set(Test.T1);
+      });
+
+      it("calls the associated transition handler", () => {
+        expect(correctHandler).toBeCalled();
+      });
+
+      it("does not call any other transition handler", () => {
+        expect(incorrectHandler).not.toBeCalled();
+      });
+
+      it("new value is available", () => {
+        expect(crate.get()).toBe(Test.T1);
+      });
+    });
+  });
+});
diff --git a/src/common/utils/open-link-in-browser.global-override-for-injectable.ts b/src/common/utils/open-link-in-browser.global-override-for-injectable.ts
new file mode 100644
index 0000000000..62c1539757
--- /dev/null
+++ b/src/common/utils/open-link-in-browser.global-override-for-injectable.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getGlobalOverride } from "../test-utils/get-global-override";
+import openLinkInBrowserInjectable from "./open-link-in-browser.injectable";
+
+export default getGlobalOverride(openLinkInBrowserInjectable, () => async () => {});
diff --git a/src/common/utils/open-link-in-browser.injectable.ts b/src/common/utils/open-link-in-browser.injectable.ts
new file mode 100644
index 0000000000..eaa91939e9
--- /dev/null
+++ b/src/common/utils/open-link-in-browser.injectable.ts
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { shell } from "electron";
+
+const allowedProtocols =  new Set(["http:", "https:"]);
+
+export type OpenLinkInBrowser = (url: string) => Promise<void>;
+
+const openLinkInBrowserInjectable = getInjectable({
+  id: "open-link-in-browser",
+  instantiate: (): OpenLinkInBrowser => (
+    async (url) => {
+      const { protocol } = new URL(url);
+
+      if (!allowedProtocols.has(protocol)) {
+        throw new TypeError("not an http(s) URL");
+      }
+
+      await shell.openExternal(url);
+    }
+  ),
+  causesSideEffects: true,
+});
+
+export default openLinkInBrowserInjectable;
diff --git a/src/common/utils/openBrowser.ts b/src/common/utils/openBrowser.ts
deleted file mode 100644
index 3ba29b699b..0000000000
--- a/src/common/utils/openBrowser.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import { shell } from "electron";
-
-const allowedProtocols =  new Set(["http:", "https:"]);
-
-/**
- * Opens a link using the program configured as the default browser
- * on the target platform. Will reject URLs with a scheme other than
- * http or https to prevent programs other than the default browser
- * running.
- *
- * @param url The URL to open
- */
-export function openBrowser(url: string): Promise<void> {
-  if (allowedProtocols.has(new URL(url).protocol)) {
-    return shell.openExternal(url);
-  }
-
-  return Promise.reject(new TypeError("not an http(s) URL"));
-}
-
-/**
- * @deprecated use openBrowser
- */
-export const openExternal = openBrowser;
diff --git a/src/common/utils/reactive-now/reactive-now.test.tsx b/src/common/utils/reactive-now/reactive-now.test.tsx
new file mode 100644
index 0000000000..d2deb951b7
--- /dev/null
+++ b/src/common/utils/reactive-now/reactive-now.test.tsx
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import { render } from "@testing-library/react";
+import type { IComputedValue } from "mobx";
+import { computed, observe } from "mobx";
+import React from "react";
+import { observer } from "mobx-react";
+import { advanceFakeTime, useFakeTime } from "../../test-utils/use-fake-time";
+import { reactiveNow } from "./reactive-now";
+
+describe("reactiveNow", () => {
+  let someComputed: IComputedValue<boolean>;
+
+  beforeEach(() => {
+    useFakeTime("2015-10-21T07:28:00Z");
+
+    someComputed = computed(() => {
+      const currentTimestamp = reactiveNow();
+
+      return currentTimestamp > new Date("2015-10-21T07:28:00Z").getTime();
+    });
+  });
+
+  describe("react-context", () => {
+    let rendered: RenderResult;
+
+    beforeEach(() => {
+      const TestComponent = observer(
+        ({ someComputed }: { someComputed: IComputedValue<boolean> }) => (
+          <div>{someComputed.get() ? "true" : "false"}</div>
+        ),
+      );
+
+      rendered = render(<TestComponent someComputed={someComputed} />);
+    });
+
+    it("given time passes, works", () => {
+      advanceFakeTime(1000);
+
+      expect(rendered.container.textContent).toBe("true");
+    });
+
+    it("does not share the state from previous test", () => {
+      expect(rendered.container.textContent).toBe("false");
+    });
+  });
+
+  describe("non-react-context", () => {
+    let actual: boolean;
+
+    beforeEach(() => {
+      observe(someComputed, (changed) => {
+        actual = changed.newValue as boolean;
+      }, true);
+    });
+
+    it("given time passes, works", () => {
+      advanceFakeTime(1000);
+
+      expect(actual).toBe(true);
+    });
+
+    it("does not share the state from previous test", () => {
+      expect(actual).toBe(false);
+    });
+  });
+});
diff --git a/src/common/utils/reactive-now/reactive-now.ts b/src/common/utils/reactive-now/reactive-now.ts
new file mode 100644
index 0000000000..febac37010
--- /dev/null
+++ b/src/common/utils/reactive-now/reactive-now.ts
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { _isComputingDerivation } from "mobx";
+import type { IResource } from "mobx-utils";
+import { fromResource } from "mobx-utils";
+
+// Note: This file is copy-pasted from mobx-utils to fix very specific issue.
+// TODO: Remove this file once https://github.com/mobxjs/mobx-utils/issues/306 is fixed.
+const tickers: Record<number|string, IResource<number>> = {};
+
+export function reactiveNow(interval?: number | "frame") {
+  if (interval === void 0) { interval = 1000; }
+
+  if (!_isComputingDerivation()) {
+    // See #40
+    return Date.now();
+  }
+
+  // Note: This is the kludge until https://github.com/mobxjs/mobx-utils/issues/306 is fixed
+  const synchronizationIsEnabled = !process.env.JEST_WORKER_ID;
+
+  if (!tickers[interval] || !synchronizationIsEnabled) {
+    if (typeof interval === "number")
+      tickers[interval] = createIntervalTicker(interval);
+    else
+      tickers[interval] = createAnimationFrameTicker();
+  }
+
+  return tickers[interval].current();
+}
+
+function createIntervalTicker(interval: number) {
+  let subscriptionHandle: NodeJS.Timer;
+
+  return fromResource(function (sink) {
+    sink(Date.now());
+    subscriptionHandle = setInterval(function () { return sink(Date.now()); }, interval);
+  }, function () {
+    clearInterval(subscriptionHandle);
+  }, Date.now());
+}
+
+function createAnimationFrameTicker() {
+  const frameBasedTicker = fromResource(function (sink) {
+    sink(Date.now());
+
+    function scheduleTick() {
+      window.requestAnimationFrame(function () {
+        sink(Date.now());
+        if (frameBasedTicker.isAlive())
+          scheduleTick();
+      });
+    }
+    scheduleTick();
+  }, function () { }, Date.now());
+
+  return frameBasedTicker;
+}
diff --git a/src/common/utils/readableStream.ts b/src/common/utils/readableStream.ts
index 5fd49ba699..136e18c841 100644
--- a/src/common/utils/readableStream.ts
+++ b/src/common/utils/readableStream.ts
@@ -4,6 +4,7 @@
  */
 
 import { Readable } from "readable-stream";
+import type { ReadableStreamDefaultReadResult } from "stream/web";
 import type { TypedArray } from "type-fest";
 
 /**
diff --git a/src/common/utils/resolve-system-proxy/resolve-system-proxy-channel.injectable.ts b/src/common/utils/resolve-system-proxy/resolve-system-proxy-channel.injectable.ts
new file mode 100644
index 0000000000..5dd17ddc6a
--- /dev/null
+++ b/src/common/utils/resolve-system-proxy/resolve-system-proxy-channel.injectable.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { RequestChannel } from "../channel/request-channel-injection-token";
+import { requestChannelInjectionToken } from "../channel/request-channel-injection-token";
+
+export type ResolveSystemProxyChannel = RequestChannel<string, string>;
+
+const resolveSystemProxyChannelInjectable = getInjectable({
+  id: "resolve-system-proxy-channel",
+
+  instantiate: (): ResolveSystemProxyChannel => ({
+    id: "resolve-system-proxy-channel",
+  }),
+
+  injectionToken: requestChannelInjectionToken,
+});
+
+export default resolveSystemProxyChannelInjectable;
diff --git a/src/common/utils/resolve-system-proxy/resolve-system-proxy-injection-token.ts b/src/common/utils/resolve-system-proxy/resolve-system-proxy-injection-token.ts
new file mode 100644
index 0000000000..616718ea98
--- /dev/null
+++ b/src/common/utils/resolve-system-proxy/resolve-system-proxy-injection-token.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getInjectionToken } from "@ogre-tools/injectable";
+
+export type ResolveSystemProxy = (url: string) => Promise<string>;
+
+export const resolveSystemProxyInjectionToken = getInjectionToken<ResolveSystemProxy>({
+  id: "resolve-system-proxy",
+});
diff --git a/src/common/utils/singleton.ts b/src/common/utils/singleton.ts
index d553de52db..d60fdb0490 100644
--- a/src/common/utils/singleton.ts
+++ b/src/common/utils/singleton.ts
@@ -27,7 +27,7 @@ export class Singleton {
    * @param args The constructor arguments for the child class
    * @returns An instance of the child class
    */
-  static createInstance<T, R extends any[]>(this: StaticThis<T, R>, ...args: R): T {
+  static createInstance<T extends Singleton, R extends any[]>(this: StaticThis<T, R>, ...args: R): T {
     if (!Singleton.instances.has(this)) {
       if (Singleton.creating.length > 0) {
         throw new TypeError(`Cannot create a second singleton (${this.name}) while creating a first (${Singleton.creating})`);
diff --git a/src/common/utils/sort-compare.ts b/src/common/utils/sort-compare.ts
index df4c59b961..ee32ab45c4 100644
--- a/src/common/utils/sort-compare.ts
+++ b/src/common/utils/sort-compare.ts
@@ -81,7 +81,7 @@ export function sortCharts(charts: RawHelmChart[]) {
     iter.map(
       charts,
       chart => {
-        const __version = coerce(chart.version, { includePrerelease: true, loose: true });
+        const __version = coerce(chart.version, { loose: true });
 
         if (!__version) {
           logger.warn(`[HELM-SERVICE]: Version from helm chart is not loosely coercable to semver.`, { name: chart.name, version: chart.version, repo: chart.repo });
diff --git a/src/common/utils/sync-box/sync-box.test.ts b/src/common/utils/sync-box/sync-box.test.ts
index 2dccbd87a5..95f139a8cd 100644
--- a/src/common/utils/sync-box/sync-box.test.ts
+++ b/src/common/utils/sync-box/sync-box.test.ts
@@ -2,13 +2,14 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
+import type { DiContainer } from "@ogre-tools/injectable";
 import { getInjectable } from "@ogre-tools/injectable";
 import { observe, runInAction } from "mobx";
 import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
 import createSyncBoxInjectable from "./create-sync-box.injectable";
-import { flushPromises } from "../../test-utils/flush-promises";
 import type { SyncBox } from "./sync-box-injection-token";
+import { syncBoxInjectionToken } from "./sync-box-injection-token";
 
 describe("sync-box", () => {
   let applicationBuilder: ApplicationBuilder;
@@ -16,19 +17,27 @@ describe("sync-box", () => {
   beforeEach(() => {
     applicationBuilder = getApplicationBuilder();
 
-    applicationBuilder.dis.mainDi.register(someInjectable);
-    applicationBuilder.dis.rendererDi.register(someInjectable);
+    applicationBuilder.beforeApplicationStart(mainDi => {
+      runInAction(() => {
+        mainDi.register(someInjectable);
+      });
+    });
+
+    applicationBuilder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(someInjectable);
+      });
+    });
   });
 
-  // TODO: Separate starting for main application and starting of window in application builder
-  xdescribe("given application is started, when value is set in main", () => {
+  describe("given application is started, when value is set in main", () => {
     let valueInMain: string;
     let syncBoxInMain: SyncBox<string>;
 
     beforeEach(async () => {
-      syncBoxInMain = applicationBuilder.dis.mainDi.inject(someInjectable);
+      await applicationBuilder.startHidden();
 
-      // await applicationBuilder.start();
+      syncBoxInMain = applicationBuilder.mainDi.inject(someInjectable);
 
       observe(syncBoxInMain.value, ({ newValue }) => {
         valueInMain = newValue as string;
@@ -46,48 +55,28 @@ describe("sync-box", () => {
     describe("when window starts", () => {
       let valueInRenderer: string;
       let syncBoxInRenderer: SyncBox<string>;
+      let rendererDi: DiContainer;
 
-      beforeEach(() => {
-        // applicationBuilder.renderWindow()
+      beforeEach(async () => {
+        const applicationWindow =
+          applicationBuilder.applicationWindow.create("some-window-id");
 
-        syncBoxInRenderer = applicationBuilder.dis.rendererDi.inject(someInjectable);
+        await applicationWindow.start();
+
+        rendererDi = applicationWindow.di;
+
+        syncBoxInRenderer = rendererDi.inject(someInjectable);
 
         observe(syncBoxInRenderer.value, ({ newValue }) => {
           valueInRenderer = newValue as string;
         }, true);
       });
 
-      it("does not have the initial value yet", () => {
-        expect(valueInRenderer).toBe(undefined);
+      it("has the value from main", () => {
+        expect(valueInRenderer).toBe("some-value-from-main");
       });
 
-      describe("when getting initial value resolves", () => {
-        beforeEach(async () => {
-          await flushPromises();
-        });
-
-        it("has value in renderer", () => {
-          expect(valueInRenderer).toBe("some-value-from-main");
-        });
-
-        describe("when value is set from renderer", () => {
-          beforeEach(() => {
-            runInAction(() => {
-              syncBoxInRenderer.set("some-value-from-renderer");
-            });
-          });
-
-          it("has value in main", () => {
-            expect(valueInMain).toBe("some-value-from-renderer");
-          });
-
-          it("has value in renderer", () => {
-            expect(valueInRenderer).toBe("some-value-from-renderer");
-          });
-        });
-      });
-
-      describe("when value is set from renderer before getting initial value from main resolves", () => {
+      describe("when value is set from renderer", () => {
         beforeEach(() => {
           runInAction(() => {
             syncBoxInRenderer.set("some-value-from-renderer");
@@ -112,11 +101,13 @@ describe("sync-box", () => {
     let syncBoxInRenderer: SyncBox<string>;
 
     beforeEach(async () => {
-      syncBoxInMain = applicationBuilder.dis.mainDi.inject(someInjectable);
-      syncBoxInRenderer = applicationBuilder.dis.rendererDi.inject(someInjectable);
-
       await applicationBuilder.render();
 
+      const applicationWindow = applicationBuilder.applicationWindow.only;
+
+      syncBoxInMain = applicationBuilder.mainDi.inject(someInjectable);
+      syncBoxInRenderer = applicationWindow.di.inject(someInjectable);
+
       observe(syncBoxInRenderer.value, ({ newValue }) => {
         valueInRenderer = newValue as string;
       }, true);
@@ -176,4 +167,6 @@ const someInjectable = getInjectable({
 
     return createSyncBox("some-sync-box", "some-initial-value");
   },
+
+  injectionToken: syncBoxInjectionToken,
 });
diff --git a/src/common/utils/tuple.ts b/src/common/utils/tuple.ts
index 2714ec23fa..1268678617 100644
--- a/src/common/utils/tuple.ts
+++ b/src/common/utils/tuple.ts
@@ -24,8 +24,9 @@ type TupleOfImpl<T, N extends number, R extends unknown[]> = R["length"] extends
  * @yields A tuple of the next element from each of the sources
  * @returns The tuple of all the sources as soon as at least one of the sources is exausted
  */
-export function zip<T>(src1: T[]): Iterator<[T], Tuple<T[], 1>>;
-export function zip<T>(src1: T[], src2: T[]): Iterator<[T, T], Tuple<T[], 2>>;
+export function zip<T>(...sources: Tuple<T[], 0>): Iterator<Tuple<T, 0>, Tuple<T[], 0>>;
+export function zip<T>(...sources: Tuple<T[], 1>): Iterator<Tuple<T, 1>, Tuple<T[], 1>>;
+export function zip<T>(...sources: Tuple<T[], 2>): Iterator<Tuple<T, 2>, Tuple<T[], 2>>;
 
 export function* zip<T, N extends number>(...sources: Tuple<T[], N>): Iterator<Tuple<T, N>, Tuple<T[], N>> {
   const maxSafeLength = Math.min(...sources.map(source => source.length));
diff --git a/src/common/utils/union-env-path.ts b/src/common/utils/union-env-path.ts
new file mode 100644
index 0000000000..991e2c776c
--- /dev/null
+++ b/src/common/utils/union-env-path.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import path from "path";
+import * as iter from "./iter";
+
+/**
+ * Join all entires with a PATH env var delimated string together
+ * @param PATHs Any number of PATH env variables
+ *
+ * NOTE: This function does not attempt to handle any sort of escape sequences since after testing
+ * it was found that `zsh` (at least on `macOS`) does not when trying to find programs
+ */
+export function unionPATHs(...PATHs: string[]): string {
+  const entries = new Set(iter.filterFlatMap(PATHs, PATH => PATH.split(path.delimiter)));
+
+  return iter.join(entries.values(), path.delimiter);
+}
diff --git a/src/common/utils/with-error-logging/with-error-logging.injectable.ts b/src/common/utils/with-error-logging/with-error-logging.injectable.ts
index 12b48c6204..0aaca9f97d 100644
--- a/src/common/utils/with-error-logging/with-error-logging.injectable.ts
+++ b/src/common/utils/with-error-logging/with-error-logging.injectable.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import loggerInjectable from "../../logger.injectable";
+import logErrorInjectable from "../../log-error.injectable";
 import { isPromise } from "../is-promise/is-promise";
 
 export type WithErrorLoggingFor = (
@@ -16,30 +16,34 @@ const withErrorLoggingInjectable = getInjectable({
   id: "with-error-logging",
 
   instantiate: (di): WithErrorLoggingFor => {
-    const logger = di.inject(loggerInjectable);
+    const logError = di.inject(logErrorInjectable);
 
     return (getErrorMessage) =>
       (toBeDecorated) =>
         (...args) => {
+          let returnValue: ReturnType<typeof toBeDecorated>;
+
           try {
-            const returnValue = toBeDecorated(...args);
-
-            if (isPromise(returnValue)) {
-              returnValue.catch((e) => {
-                const errorMessage = getErrorMessage(e);
-
-                logger.error(errorMessage, e);
-              });
-            }
-
-            return returnValue;
+            returnValue = toBeDecorated(...args);
           } catch (e) {
             const errorMessage = getErrorMessage(e);
 
-            logger.error(errorMessage, e);
+            logError(errorMessage, e);
 
             throw e;
           }
+
+          if (isPromise(returnValue)) {
+            return returnValue.catch((e: unknown) => {
+              const errorMessage = getErrorMessage(e);
+
+              logError(errorMessage, e);
+
+              throw e;
+            });
+          }
+
+          return returnValue;
         };
   },
 });
diff --git a/src/common/utils/with-error-logging/with-error-logging.test.ts b/src/common/utils/with-error-logging/with-error-logging.test.ts
index 533374d9ad..b14b7278e9 100644
--- a/src/common/utils/with-error-logging/with-error-logging.test.ts
+++ b/src/common/utils/with-error-logging/with-error-logging.test.ts
@@ -19,7 +19,7 @@ describe("with-error-logging", () => {
     let decorated: (a: string, b: string) => number | undefined;
 
     beforeEach(() => {
-      const di = getDiForUnitTesting();
+      const di = getDiForUnitTesting({ doGeneralOverrides: true });
 
       loggerStub = {
         error: jest.fn(),
@@ -119,7 +119,7 @@ describe("with-error-logging", () => {
     let toBeDecorated: AsyncFnMock<typeof decorated>;
 
     beforeEach(() => {
-      const di = getDiForUnitTesting();
+      const di = getDiForUnitTesting({ doGeneralOverrides: true });
 
       loggerStub = {
         error: jest.fn(),
@@ -163,23 +163,24 @@ describe("with-error-logging", () => {
       });
 
       describe("when call rejects with error instance", () => {
-        let error: Error;
-
-        beforeEach(async () => {
-          try {
-            await toBeDecorated.reject(new Error("some-error"));
-            await returnValuePromise;
-          } catch (e) {
-            error = e as Error;
-          }
+        beforeEach(() => {
+          toBeDecorated.reject(new Error("some-error"));
         });
 
-        it("logs the error", () => {
+        it("logs the error", async () => {
+          let error: unknown;
+
+          try {
+            await returnValuePromise;
+          } catch (e) {
+            error = e;
+          }
+
           expect(loggerStub.error).toHaveBeenCalledWith("some-error-message-for-some-error", error);
         });
 
         it("rejects", () => {
-          return expect(() => returnValuePromise).rejects.toThrow("some-error");
+          return expect(returnValuePromise).rejects.toThrow("some-error");
         });
       });
 
@@ -187,8 +188,9 @@ describe("with-error-logging", () => {
         let error: unknown;
 
         beforeEach(async () => {
+          toBeDecorated.reject({ someProperty: "some-rejection" });
+
           try {
-            await toBeDecorated.reject({ someProperty: "some-rejection" });
             await returnValuePromise;
           } catch (e) {
             error = e;
@@ -203,7 +205,7 @@ describe("with-error-logging", () => {
         });
 
         it("rejects", () => {
-          return expect(() => returnValuePromise).rejects.toEqual({ someProperty: "some-rejection" });
+          return expect(returnValuePromise).rejects.toEqual({ someProperty: "some-rejection" });
         });
       });
 
diff --git a/src/common/utils/with-error-suppression/with-error-suppression.test.ts b/src/common/utils/with-error-suppression/with-error-suppression.test.ts
index db4909fd55..12d6a60441 100644
--- a/src/common/utils/with-error-suppression/with-error-suppression.test.ts
+++ b/src/common/utils/with-error-suppression/with-error-suppression.test.ts
@@ -59,7 +59,7 @@ describe("with-error-suppression", () => {
 
   describe("given decorated async function", () => {
     let decorated: (a: string, b: string) => Promise<number> | Promise<void>;
-    let toBeDecorated: AsyncFnMock<(a: string, b: string) => number>;
+    let toBeDecorated: AsyncFnMock<(a: string, b: string) => Promise<number>>;
 
     beforeEach(() => {
       toBeDecorated = asyncFn();
diff --git a/src/common/vars.ts b/src/common/vars.ts
index 32eda45db6..be8b472a5d 100644
--- a/src/common/vars.ts
+++ b/src/common/vars.ts
@@ -5,7 +5,6 @@
 
 // App's common configuration for any process (main, renderer, build pipeline, etc.)
 import path from "path";
-import { SemVer } from "semver";
 import packageInfo from "../../package.json";
 import type { ThemeId } from "../renderer/themes/store";
 import { lazyInitialized } from "./utils/lazy-initialized";
@@ -139,8 +138,7 @@ export const lensTwitterWeblinkId = "lens-twitter-link";
 export const lensBlogWeblinkId = "lens-blog-link";
 export const kubernetesDocumentationWeblinkId = "kubernetes-documentation-link";
 
-export const appSemVer = new SemVer(packageInfo.version);
-export const docsUrl = "https://docs.k8slens.dev/main/" as string;
+export const docsUrl = "https://docs.k8slens.dev/main" as string;
 
 export const sentryDsn = packageInfo.config?.sentryDsn ?? "";
 export const contentSecurityPolicy = packageInfo.config?.contentSecurityPolicy ?? "";
diff --git a/src/common/vars/app-semantic-version.injectable.ts b/src/common/vars/app-semantic-version.injectable.ts
new file mode 100644
index 0000000000..ae68ea828d
--- /dev/null
+++ b/src/common/vars/app-semantic-version.injectable.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { SemVer } from "semver";
+import appVersionInjectable from "./app-version.injectable";
+
+const appSemanticVersionInjectable = getInjectable({
+  id: "app-semantic-version",
+  instantiate: (di) => new SemVer(di.inject(appVersionInjectable)),
+});
+
+export default appSemanticVersionInjectable;
diff --git a/src/common/get-configuration-file-model/app-version/app-version.injectable.ts b/src/common/vars/app-version.injectable.ts
similarity index 83%
rename from src/common/get-configuration-file-model/app-version/app-version.injectable.ts
rename to src/common/vars/app-version.injectable.ts
index 5fdfd30eba..d7647f8318 100644
--- a/src/common/get-configuration-file-model/app-version/app-version.injectable.ts
+++ b/src/common/vars/app-version.injectable.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import packageJsonInjectable from "../../vars/package-json.injectable";
+import packageJsonInjectable from "./package-json.injectable";
 
 const appVersionInjectable = getInjectable({
   id: "app-version",
diff --git a/src/extensions/__tests__/extension-loader.test.ts b/src/extensions/__tests__/extension-loader.test.ts
index 765762c9bc..fa14f5856f 100644
--- a/src/extensions/__tests__/extension-loader.test.ts
+++ b/src/extensions/__tests__/extension-loader.test.ts
@@ -10,8 +10,10 @@ import extensionLoaderInjectable from "../extension-loader/extension-loader.inje
 import { runInAction } from "mobx";
 import updateExtensionsStateInjectable from "../extension-loader/update-extensions-state/update-extensions-state.injectable";
 import mockFs from "mock-fs";
-import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
 import { delay } from "../../renderer/utils";
+import { getDiForUnitTesting } from "../../renderer/getDiForUnitTesting";
+import ipcRendererInjectable from "../../renderer/utils/channel/ipc-renderer.injectable";
+import type { IpcRenderer } from "electron";
 
 console = new Console(stdout, stderr);
 
@@ -19,10 +21,14 @@ const manifestPath = "manifest/path";
 const manifestPath2 = "manifest/path2";
 const manifestPath3 = "manifest/path3";
 
-jest.mock(
-  "electron",
-  () => ({
-    ipcRenderer: {
+describe("ExtensionLoader", () => {
+  let extensionLoader: ExtensionLoader;
+  let updateExtensionStateMock: jest.Mock;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    di.override(ipcRendererInjectable, () => ({
       invoke: jest.fn(async (channel: string) => {
         if (channel === "extension-loader:main:state") {
           return [
@@ -59,59 +65,46 @@ jest.mock(
 
         return [];
       }),
-      on: jest.fn(
-        (channel: string, listener: (event: any, ...args: any[]) => void) => {
-          if (channel === "extension-loader:main:state") {
-            // First initialize with extensions 1 and 2
-            // and then broadcast event to remove extension 2 and add extension number 3
-            setTimeout(() => {
-              listener({}, [
-                [
+
+      on: (channel: string, listener: (event: any, ...args: any[]) => void) => {
+        if (channel === "extension-loader:main:state") {
+          // First initialize with extensions 1 and 2
+          // and then broadcast event to remove extension 2 and add extension number 3
+          setTimeout(() => {
+            listener({}, [
+              [
+                manifestPath,
+                {
+                  manifest: {
+                    name: "TestExtension",
+                    version: "1.0.0",
+                  },
+                  id: manifestPath,
+                  absolutePath: "/test/1",
                   manifestPath,
-                  {
-                    manifest: {
-                      name: "TestExtension",
-                      version: "1.0.0",
-                    },
-                    id: manifestPath,
-                    absolutePath: "/test/1",
-                    manifestPath,
-                    isBundled: false,
-                    isEnabled: true,
+                  isBundled: false,
+                  isEnabled: true,
+                },
+              ],
+              [
+                manifestPath3,
+                {
+                  manifest: {
+                    name: "TestExtension3",
+                    version: "3.0.0",
                   },
-                ],
-                [
-                  manifestPath3,
-                  {
-                    manifest: {
-                      name: "TestExtension3",
-                      version: "3.0.0",
-                    },
-                    id: manifestPath3,
-                    absolutePath: "/test/3",
-                    manifestPath: manifestPath3,
-                    isBundled: false,
-                    isEnabled: true,
-                  },
-                ],
-              ]);
-            }, 10);
-          }
-        },
-      ),
-    },
-  }),
-  {
-    virtual: true,
-  },
-);
-
-describe("ExtensionLoader", () => {
-  let extensionLoader: ExtensionLoader;
-  let updateExtensionStateMock: jest.Mock;
-
-  beforeEach(() => {
-    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+                  id: manifestPath3,
+                  absolutePath: "/test/3",
+                  manifestPath: manifestPath3,
+                  isBundled: false,
+                  isEnabled: true,
+                },
+              ],
+            ]);
+          }, 10);
+        }
+      },
+    }) as unknown as IpcRenderer);
 
     mockFs();
 
diff --git a/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts b/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts
index 340a97c941..a5261d2917 100644
--- a/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts
+++ b/src/extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api-with-modifications.ts
@@ -9,7 +9,7 @@ import type { Injectable } from "@ogre-tools/injectable";
  * @deprecated use asLegacyGlobalForExtensionApi instead, and use proper implementations instead of "modifications".
  */
 export const asLegacyGlobalObjectForExtensionApiWithModifications = <
-  InjectableInstance extends InjectionTokenInstance,
+  InjectableInstance extends InjectionTokenInstance & object,
   InjectionTokenInstance,
   ModificationObject extends object,
 >(
diff --git a/src/extensions/common-api/index.ts b/src/extensions/common-api/index.ts
index e3c789c864..0d07220d1d 100644
--- a/src/extensions/common-api/index.ts
+++ b/src/extensions/common-api/index.ts
@@ -10,6 +10,8 @@ import * as Store from "./stores";
 import * as Util from "./utils";
 import * as Catalog from "./catalog";
 import * as Types from "./types";
+import * as Proxy from "./proxy";
+
 import logger from "../../common/logger";
 
 export {
@@ -20,4 +22,5 @@ export {
   Types,
   Util,
   logger,
+  Proxy,
 };
diff --git a/src/extensions/common-api/k8s-api.ts b/src/extensions/common-api/k8s-api.ts
index b79f4c92f4..b09f977b1d 100644
--- a/src/extensions/common-api/k8s-api.ts
+++ b/src/extensions/common-api/k8s-api.ts
@@ -25,21 +25,29 @@ export {
 export {
   KubeObject,
   KubeStatus,
+  type OwnerReference,
   type KubeObjectMetadata,
+  type NamespaceScopedMetadata,
+  type ClusterScopedMetadata,
   type BaseKubeJsonApiObjectMetadata,
   type KubeJsonApiObjectMetadata,
   type KubeStatusData,
 } from "../../common/k8s-api/kube-object";
 
+export {
+  type KubeJsonApiData,
+} from "../../common/k8s-api/kube-json-api";
+
 export {
   KubeObjectStore,
+  type JsonPatch,
   type KubeObjectStoreLoadAllParams,
   type KubeObjectStoreLoadingParams,
   type KubeObjectStoreSubscribeParams,
 } from "../../common/k8s-api/kube-object.store";
 
 export {
-  type PodContainer as IPodContainer,
+  type Container as IPodContainer,
   type PodContainerStatus as IPodContainerStatus,
   Pod,
   PodApi as PodsApi,
@@ -59,6 +67,7 @@ export {
   LimitRange,
   HorizontalPodAutoscaler,
   PodDisruptionBudget,
+  PriorityClass,
   Service,
   Endpoints as Endpoint,
   Ingress, IngressApi,
diff --git a/src/extensions/common-api/proxy.ts b/src/extensions/common-api/proxy.ts
new file mode 100644
index 0000000000..bf0cd8e626
--- /dev/null
+++ b/src/extensions/common-api/proxy.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { asLegacyGlobalFunctionForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+import { resolveSystemProxyInjectionToken } from "../../common/utils/resolve-system-proxy/resolve-system-proxy-injection-token";
+
+/**
+ * Resolves URL-specific proxy information from system. See more here: https://www.electronjs.org/docs/latest/api/session#sesresolveproxyurl
+ * @param url - The URL for proxy information
+ * @returns Promise for proxy information as string
+ */
+export const resolveSystemProxy = asLegacyGlobalFunctionForExtensionApi(resolveSystemProxyInjectionToken);
diff --git a/src/extensions/common-api/registrations.ts b/src/extensions/common-api/registrations.ts
index a35e23ef11..5f19ec495d 100644
--- a/src/extensions/common-api/registrations.ts
+++ b/src/extensions/common-api/registrations.ts
@@ -5,7 +5,7 @@
 export type { StatusBarRegistration } from "../../renderer/components/status-bar/status-bar-registration";
 export type { KubeObjectMenuRegistration, KubeObjectMenuComponents } from "../../renderer/components/kube-object-menu/kube-object-menu-registration";
 export type { AppPreferenceRegistration, AppPreferenceComponents } from "../../renderer/components/+preferences/app-preferences/app-preference-registration";
-export type { KubeObjectDetailRegistration, KubeObjectDetailComponents } from "../registries/kube-object-detail-registry";
+export type { KubeObjectDetailRegistration, KubeObjectDetailComponents } from "../../renderer/components/kube-object-details/kube-object-detail-registration";
 export type { KubeObjectStatusRegistration } from "../../renderer/components/kube-object-status-icon/kube-object-status-registration";
 export type { PageRegistration, RegisteredPage, PageParams, PageComponentProps, PageComponents, PageTarget } from "../registries/page-registry";
 export type { ClusterPageMenuRegistration, ClusterPageMenuComponents } from "../registries/page-menu-registry";
@@ -13,3 +13,4 @@ export type { ProtocolHandlerRegistration, RouteParams as ProtocolRouteParams, R
 export type { CustomCategoryViewProps, CustomCategoryViewComponents, CustomCategoryViewRegistration } from "../../renderer/components/+catalog/custom-views";
 export type { ShellEnvModifier, ShellEnvContext } from "../../main/shell-session/shell-env-modifier/shell-env-modifier-registration";
 export type { KubeObjectContextMenuItem, KubeObjectOnContextMenuOpenContext, KubeObjectOnContextMenuOpen, KubeObjectHandlers, KubeObjectHandlerRegistration } from "../../renderer/kube-object/handler";
+export type { TrayMenuRegistration } from "../../main/tray/tray-menu-registration";
diff --git a/src/extensions/common-api/utils.ts b/src/extensions/common-api/utils.ts
index 8e6ba1c9af..3dea165238 100644
--- a/src/extensions/common-api/utils.ts
+++ b/src/extensions/common-api/utils.ts
@@ -3,6 +3,15 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-export { Singleton, openExternal, openBrowser, getAppVersion } from "../../common/utils";
+import openLinkInBrowserInjectable from "../../common/utils/open-link-in-browser.injectable";
+import { asLegacyGlobalFunctionForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+
+export { Singleton, getAppVersion } from "../../common/utils";
 export { prevDefault, stopPropagation } from "../../renderer/utils/prevDefault";
 export { cssNames } from "../../renderer/utils/cssNames";
+
+/**
+ * @deprecated Use {@link openBrowser} instead
+ */
+export const openExternal = asLegacyGlobalFunctionForExtensionApi(openLinkInBrowserInjectable);
+export const openBrowser = asLegacyGlobalFunctionForExtensionApi(openLinkInBrowserInjectable);
diff --git a/src/extensions/extension-discovery/extension-discovery.injectable.ts b/src/extensions/extension-discovery/extension-discovery.injectable.ts
index f7ffda8a80..e6ebaa769c 100644
--- a/src/extensions/extension-discovery/extension-discovery.injectable.ts
+++ b/src/extensions/extension-discovery/extension-discovery.injectable.ts
@@ -13,6 +13,10 @@ import installExtensionInjectable from "../extension-installer/install-extension
 import extensionPackageRootDirectoryInjectable from "../extension-installer/extension-package-root-directory/extension-package-root-directory.injectable";
 import installExtensionsInjectable from "../extension-installer/install-extensions/install-extensions.injectable";
 import staticFilesDirectoryInjectable from "../../common/vars/static-files-directory.injectable";
+import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import pathExistsInjectable from "../../common/fs/path-exists.injectable";
+import watchInjectable from "../../common/fs/watch/watch.injectable";
 
 const extensionDiscoveryInjectable = getInjectable({
   id: "extension-discovery",
@@ -40,6 +44,10 @@ const extensionDiscoveryInjectable = getInjectable({
       ),
 
       staticFilesDirectory: di.inject(staticFilesDirectoryInjectable),
+      readJsonFile: di.inject(readJsonFileInjectable),
+      pathExists: di.inject(pathExistsInjectable),
+      watch: di.inject(watchInjectable),
+      logger: di.inject(loggerInjectable),
     }),
 });
 
diff --git a/src/extensions/extension-discovery/extension-discovery.test.ts b/src/extensions/extension-discovery/extension-discovery.test.ts
index 0ae51623ad..7feca8f99d 100644
--- a/src/extensions/extension-discovery/extension-discovery.test.ts
+++ b/src/extensions/extension-discovery/extension-discovery.test.ts
@@ -4,58 +4,45 @@
  */
 
 import type { FSWatcher } from "chokidar";
-import { watch } from "chokidar";
 import path from "path";
 import os from "os";
 import { Console } from "console";
-import * as fse from "fs-extra";
 import { getDiForUnitTesting } from "../../main/getDiForUnitTesting";
 import extensionDiscoveryInjectable from "../extension-discovery/extension-discovery.injectable";
 import type { ExtensionDiscovery } from "../extension-discovery/extension-discovery";
-import installExtensionInjectable
-  from "../extension-installer/install-extension/install-extension.injectable";
-import directoryForUserDataInjectable
-  from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import installExtensionInjectable from "../extension-installer/install-extension/install-extension.injectable";
+import directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import mockFs from "mock-fs";
 import { delay } from "../../renderer/utils";
 import { observable, when } from "mobx";
-
-jest.setTimeout(60_000);
-
-jest.mock("../../common/ipc");
-jest.mock("chokidar", () => ({
-  watch: jest.fn(),
-}));
-
-jest.mock("fs-extra");
-jest.mock("electron", () => ({
-  app: {
-    getVersion: () => "99.99.99",
-    getName: () => "lens",
-    setName: jest.fn(),
-    setPath: jest.fn(),
-    getPath: () => "tmp",
-    getLocale: () => "en",
-    setLoginItemSettings: jest.fn(),
-  },
-  ipcMain: {
-    on: jest.fn(),
-    handle: jest.fn(),
-  },
-}));
+import appVersionInjectable from "../../common/vars/app-version.injectable";
+import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
+import pathExistsInjectable from "../../common/fs/path-exists.injectable";
+import watchInjectable from "../../common/fs/watch/watch.injectable";
 
 console = new Console(process.stdout, process.stderr); // fix mockFS
-const mockedWatch = watch as jest.MockedFunction<typeof watch>;
-const mockedFse = fse as jest.Mocked<typeof fse>;
 
 describe("ExtensionDiscovery", () => {
   let extensionDiscovery: ExtensionDiscovery;
+  let readJsonFileMock: jest.Mock;
+  let pathExistsMock: jest.Mock;
+  let watchMock: jest.Mock;
 
   beforeEach(() => {
     const di = getDiForUnitTesting({ doGeneralOverrides: true });
 
     di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
     di.override(installExtensionInjectable, () => () => Promise.resolve());
+    di.override(appVersionInjectable, () => "5.0.0");
+
+    readJsonFileMock = jest.fn();
+    di.override(readJsonFileInjectable, () => readJsonFileMock);
+
+    pathExistsMock = jest.fn(() => Promise.resolve(true));
+    di.override(pathExistsInjectable, () => pathExistsMock);
+
+    watchMock = jest.fn();
+    di.override(watchInjectable, () => watchMock);
 
     mockFs();
 
@@ -70,7 +57,7 @@ describe("ExtensionDiscovery", () => {
     const letTestFinish = observable.box(false);
     let addHandler!: (filePath: string) => void;
 
-    mockedFse.readJson.mockImplementation((p) => {
+    readJsonFileMock.mockImplementation((p) => {
       expect(p).toBe(path.join(os.homedir(), ".k8slens/extensions/my-extension/package.json"));
 
       return {
@@ -82,8 +69,6 @@ describe("ExtensionDiscovery", () => {
       };
     });
 
-    mockedFse.pathExists.mockImplementation(() => true);
-
     const mockWatchInstance = {
       on: jest.fn((event: string, handler: typeof addHandler) => {
         if (event === "add") {
@@ -94,7 +79,7 @@ describe("ExtensionDiscovery", () => {
       }),
     } as unknown as FSWatcher;
 
-    mockedWatch.mockImplementationOnce(() => mockWatchInstance);
+    watchMock.mockImplementationOnce(() => mockWatchInstance);
 
     // Need to force isLoaded to be true so that the file watching is started
     extensionDiscovery.isLoaded = true;
@@ -137,7 +122,7 @@ describe("ExtensionDiscovery", () => {
       }),
     } as unknown as FSWatcher;
 
-    mockedWatch.mockImplementationOnce(() => mockWatchInstance);
+    watchMock.mockImplementationOnce(() => mockWatchInstance);
 
     // Need to force isLoaded to be true so that the file watching is started
     extensionDiscovery.isLoaded = true;
diff --git a/src/extensions/extension-discovery/extension-discovery.ts b/src/extensions/extension-discovery/extension-discovery.ts
index 3576e66362..1de6425c19 100644
--- a/src/extensions/extension-discovery/extension-discovery.ts
+++ b/src/extensions/extension-discovery/extension-discovery.ts
@@ -3,7 +3,6 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import { watch } from "chokidar";
 import { ipcRenderer } from "electron";
 import { EventEmitter } from "events";
 import fse from "fs-extra";
@@ -12,7 +11,6 @@ import os from "os";
 import path from "path";
 import { broadcastMessage, ipcMainHandle, ipcRendererOn } from "../../common/ipc";
 import { isErrnoException, toJS } from "../../common/utils";
-import logger from "../../main/logger";
 import type { ExtensionsStore } from "../extensions-store/extensions-store";
 import type { ExtensionLoader } from "../extension-loader";
 import type { LensExtensionId, LensExtensionManifest } from "../lens-extension";
@@ -21,6 +19,10 @@ import type { ExtensionInstallationStateStore } from "../extension-installation-
 import type { PackageJson } from "type-fest";
 import { extensionDiscoveryStateChannel } from "../../common/ipc/extension-handling";
 import { requestInitialExtensionDiscovery } from "../../renderer/ipc";
+import type { ReadJson } from "../../common/fs/read-json-file.injectable";
+import type { Logger } from "../../common/logger";
+import type { PathExists } from "../../common/fs/path-exists.injectable";
+import type { Watch } from "../../common/fs/watch/watch.injectable";
 
 interface Dependencies {
   extensionLoader: ExtensionLoader;
@@ -35,6 +37,10 @@ interface Dependencies {
   installExtensions: (packageJsonPath: string, packagesJson: PackageJson) => Promise<void>;
   extensionPackageRootDirectory: string;
   staticFilesDirectory: string;
+  readJsonFile: ReadJson;
+  pathExists: PathExists;
+  watch: Watch;
+  logger: Logger;
 }
 
 export interface InstalledExtension {
@@ -155,13 +161,12 @@ export class ExtensionDiscovery {
    * Dependencies are installed automatically after an extension folder is copied.
    */
   async watchExtensions(): Promise<void> {
-    logger.info(`${logModule} watching extension add/remove in ${this.localFolderPath}`);
+    this.dependencies.logger.info(`${logModule} watching extension add/remove in ${this.localFolderPath}`);
 
     // Wait until .load() has been called and has been resolved
     await this.whenLoaded;
 
-    // chokidar works better than fs.watch
-    watch(this.localFolderPath, {
+    this.dependencies.watch(this.localFolderPath, {
       // For adding and removing symlinks to work, the depth has to be 1.
       depth: 1,
       ignoreInitial: true,
@@ -206,11 +211,11 @@ export class ExtensionDiscovery {
           await this.dependencies.installExtension(extension.absolutePath);
 
           this.extensions.set(extension.id, extension);
-          logger.info(`${logModule} Added extension ${extension.manifest.name}`);
+          this.dependencies.logger.info(`${logModule} Added extension ${extension.manifest.name}`);
           this.events.emit("add", extension);
         }
       } catch (error) {
-        logger.error(`${logModule}: failed to add extension: ${error}`, { error });
+        this.dependencies.logger.error(`${logModule}: failed to add extension: ${error}`, { error });
       } finally {
         this.dependencies.extensionInstallationStateStore.clearInstallingFromMain(manifestPath);
       }
@@ -247,13 +252,13 @@ export class ExtensionDiscovery {
       const lensExtensionId = extension.manifestPath;
 
       this.extensions.delete(extension.id);
-      logger.info(`${logModule} removed extension ${extensionName}`);
+      this.dependencies.logger.info(`${logModule} removed extension ${extensionName}`);
       this.events.emit("remove", lensExtensionId);
 
       return;
     }
 
-    logger.warn(`${logModule} extension ${extensionFolderName} not found, can't remove`);
+    this.dependencies.logger.warn(`${logModule} extension ${extensionFolderName} not found, can't remove`);
   };
 
   /**
@@ -275,12 +280,12 @@ export class ExtensionDiscovery {
     const extension = this.extensions.get(extensionId) ?? this.dependencies.extensionLoader.getExtension(extensionId);
 
     if (!extension) {
-      return void logger.warn(`${logModule} could not uninstall extension, not found`, { id: extensionId });
+      return void this.dependencies.logger.warn(`${logModule} could not uninstall extension, not found`, { id: extensionId });
     }
 
     const { manifest, absolutePath } = extension;
 
-    logger.info(`${logModule} Uninstalling ${manifest.name}`);
+    this.dependencies.logger.info(`${logModule} Uninstalling ${manifest.name}`);
 
     await this.removeSymlinkByPackageName(manifest.name);
 
@@ -296,7 +301,7 @@ export class ExtensionDiscovery {
 
     this.loadStarted = true;
 
-    logger.info(
+    this.dependencies.logger.info(
       `${logModule} loading extensions from ${this.dependencies.extensionPackageRootDirectory}`,
     );
 
@@ -358,12 +363,12 @@ export class ExtensionDiscovery {
    */
   protected async getByManifest(manifestPath: string, { isBundled = false } = {}): Promise<InstalledExtension | null> {
     try {
-      const manifest = await fse.readJson(manifestPath) as LensExtensionManifest;
+      const manifest = await this.dependencies.readJsonFile(manifestPath) as unknown as LensExtensionManifest;
       const id = this.getInstalledManifestPath(manifest.name);
       const isEnabled = this.dependencies.extensionsStore.isEnabled({ id, isBundled });
       const extensionDir = path.dirname(manifestPath);
       const npmPackage = path.join(extensionDir, `${manifest.name}-${manifest.version}.tgz`);
-      const absolutePath = (isProduction && await fse.pathExists(npmPackage)) ? npmPackage : extensionDir;
+      const absolutePath = (isProduction && await this.dependencies.pathExists(npmPackage)) ? npmPackage : extensionDir;
       const isCompatible = (isBundled && this.dependencies.isCompatibleBundledExtension(manifest)) || this.dependencies.isCompatibleExtension(manifest);
 
       return {
@@ -378,9 +383,9 @@ export class ExtensionDiscovery {
     } catch (error) {
       if (isErrnoException(error) && error.code === "ENOTDIR") {
         // ignore this error, probably from .DS_Store file
-        logger.debug(`${logModule}: failed to load extension manifest through a not-dir-like at ${manifestPath}`);
+        this.dependencies.logger.debug(`${logModule}: failed to load extension manifest through a not-dir-like at ${manifestPath}`);
       } else {
-        logger.error(`${logModule}: can't load extension manifest at ${manifestPath}: ${error}`);
+        this.dependencies.logger.error(`${logModule}: can't load extension manifest at ${manifestPath}: ${error}`);
       }
 
       return null;
@@ -395,7 +400,7 @@ export class ExtensionDiscovery {
     const userExtensions = await this.loadFromFolder(this.localFolderPath, bundledExtensions.map((extension) => extension.manifest.name));
 
     for (const extension of userExtensions) {
-      if ((await fse.pathExists(extension.manifestPath)) === false) {
+      if (!(await this.dependencies.pathExists(extension.manifestPath))) {
         try {
           await this.dependencies.installExtension(extension.absolutePath);
         } catch (error) {
@@ -404,7 +409,7 @@ export class ExtensionDiscovery {
             : String(error || "unknown error");
           const { name, version } = extension.manifest;
 
-          logger.error(`${logModule}: failed to install user extension ${name}@${version}: ${message}`);
+          this.dependencies.logger.error(`${logModule}: failed to install user extension ${name}@${version}: ${message}`);
         }
       }
     }
@@ -438,7 +443,7 @@ export class ExtensionDiscovery {
         extensions.push(extension);
       }
     }
-    logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions });
+    this.dependencies.logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions });
 
     return extensions;
   }
@@ -473,7 +478,7 @@ export class ExtensionDiscovery {
       }
     }
 
-    logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions });
+    this.dependencies.logger.debug(`${logModule}: ${extensions.length} extensions loaded`, { folderPath, extensions });
 
     return extensions;
   }
diff --git a/src/extensions/extension-discovery/is-compatible-bundled-extension/is-compatible-bundled-extension.injectable.ts b/src/extensions/extension-discovery/is-compatible-bundled-extension/is-compatible-bundled-extension.injectable.ts
index 046b106da5..7a29daf23c 100644
--- a/src/extensions/extension-discovery/is-compatible-bundled-extension/is-compatible-bundled-extension.injectable.ts
+++ b/src/extensions/extension-discovery/is-compatible-bundled-extension/is-compatible-bundled-extension.injectable.ts
@@ -3,12 +3,14 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { appSemVer } from "../../../common/vars";
+import appSemanticVersionInjectable from "../../../common/vars/app-semantic-version.injectable";
 import { isCompatibleBundledExtension } from "./is-compatible-bundled-extension";
 
 const isCompatibleBundledExtensionInjectable = getInjectable({
   id: "is-compatible-bundled-extension",
-  instantiate: () => isCompatibleBundledExtension({ appSemVer }),
+  instantiate: (di) => isCompatibleBundledExtension({
+    appSemVer: di.inject(appSemanticVersionInjectable),
+  }),
 });
 
 export default isCompatibleBundledExtensionInjectable;
diff --git a/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.injectable.ts b/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.injectable.ts
index 7ca49a41cd..75e2f45d4a 100644
--- a/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.injectable.ts
+++ b/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.injectable.ts
@@ -3,12 +3,14 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { appSemVer } from "../../../common/vars";
+import appSemanticVersionInjectable from "../../../common/vars/app-semantic-version.injectable";
 import { isCompatibleExtension } from "./is-compatible-extension";
 
 const isCompatibleExtensionInjectable = getInjectable({
   id: "is-compatible-extension",
-  instantiate: () => isCompatibleExtension({ appSemVer }),
+  instantiate: (di) => isCompatibleExtension({
+    appSemVer: di.inject(appSemanticVersionInjectable),
+  }),
 });
 
 export default isCompatibleExtensionInjectable;
diff --git a/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.ts b/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.ts
index 44b0f1782d..717effa1c6 100644
--- a/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.ts
+++ b/src/extensions/extension-discovery/is-compatible-extension/is-compatible-extension.ts
@@ -27,7 +27,6 @@ export const isCompatibleExtension = ({ appSemVer }: Dependencies): ((manifest:
 
     const { major: extMajor, minor: extMinor } = semver.coerce(manifestLensEngine, {
       loose: true,
-      includePrerelease: false,
     }) as semver.SemVer;
     const supportedVersionsByExtension = semver.validRange(`^${extMajor}.${extMinor}`) as string;
 
diff --git a/src/extensions/extension-loader/extension-is-enabled-for-cluster.injectable.ts b/src/extensions/extension-loader/extension-is-enabled-for-cluster.injectable.ts
new file mode 100644
index 0000000000..23e1c87561
--- /dev/null
+++ b/src/extensions/extension-loader/extension-is-enabled-for-cluster.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import type { KubernetesCluster } from "../../common/catalog-entities";
+import type { LensRendererExtension } from "../lens-renderer-extension";
+
+interface ExtensionIsEnabledForCluster {
+  extension: LensRendererExtension;
+  cluster: KubernetesCluster;
+}
+
+const extensionIsEnabledForClusterInjectable = getInjectable({
+  id: "extension-is-enabled-for-cluster",
+
+  instantiate: async (
+    di,
+    { extension, cluster }: ExtensionIsEnabledForCluster,
+  ) => (await extension.isEnabledForCluster(cluster)) as boolean,
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (
+      di,
+      { extension, cluster }: ExtensionIsEnabledForCluster,
+    ) => `${extension.sanitizedExtensionId}-${cluster.getId()}`,
+  }),
+});
+
+export default extensionIsEnabledForClusterInjectable;
diff --git a/src/extensions/extension-loader/extension-loader.ts b/src/extensions/extension-loader/extension-loader.ts
index 68399dc6ad..16b28de8e1 100644
--- a/src/extensions/extension-loader/extension-loader.ts
+++ b/src/extensions/extension-loader/extension-loader.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import { ipcRenderer } from "electron";
+import { ipcMain, ipcRenderer } from "electron";
 import { isEqual } from "lodash";
 import type { ObservableMap } from "mobx";
 import { action, computed, makeObservable, observable, observe, reaction, when } from "mobx";
@@ -12,7 +12,6 @@ import { broadcastMessage, ipcMainOn, ipcRendererOn, ipcMainHandle } from "../..
 import type { Disposer } from "../../common/utils";
 import { isDefined, toJS } from "../../common/utils";
 import logger from "../../main/logger";
-import type { CatalogEntity, KubernetesCluster } from "../common-api/catalog";
 import type { InstalledExtension } from "../extension-discovery/extension-discovery";
 import type { LensExtension, LensExtensionConstructor, LensExtensionId } from "../lens-extension";
 import type { LensRendererExtension } from "../lens-renderer-extension";
@@ -128,10 +127,10 @@ export class ExtensionLoader {
 
   @action
   async init() {
-    if (ipcRenderer) {
-      await this.initRenderer();
-    } else {
+    if (ipcMain) {
       await this.initMain();
+    } else {
+      await this.initRenderer();
     }
 
     await Promise.all([this.whenLoaded]);
@@ -274,32 +273,10 @@ export class ExtensionLoader {
     });
   };
 
-  loadOnClusterRenderer = (getCluster: () => CatalogEntity) => {
+  loadOnClusterRenderer = () => {
     logger.debug(`${logModule}: load on cluster renderer (dashboard)`);
 
-    this.autoInitExtensions(async (ext) => {
-      const entity = getCluster() as KubernetesCluster;
-      const extension = ext as LensRendererExtension;
-
-      // getCluster must be a callback, as the entity might be available only after an extension has been loaded
-      if ((await extension.isEnabledForCluster(entity)) === false) {
-        return [];
-      }
-
-      const removeItems = [
-        registries.KubeObjectDetailRegistry.getInstance().add(extension.kubeObjectDetailItems),
-      ];
-
-      this.onRemoveExtensionId.addListener((removedExtensionId) => {
-        if (removedExtensionId === extension.id) {
-          removeItems.forEach(remove => {
-            remove();
-          });
-        }
-      });
-
-      return removeItems;
-    });
+    this.autoInitExtensions(async () => []);
   };
 
   protected async loadExtensions(installedExtensions: Map<string, InstalledExtension>, register: (ext: LensExtension) => Promise<Disposer[]>) {
@@ -398,11 +375,9 @@ export class ExtensionLoader {
     try {
       return __non_webpack_require__(extAbsolutePath).default;
     } catch (error) {
-      if (window && error instanceof window.Error) {
-        console.error(`${logModule}: can't load ${entryPointName} for "${extension.manifest.name}": ${error.stack || error}`, extension);
-      } else {
-        logger.error(`${logModule}: can't load ${entryPointName} for "${extension.manifest.name}": ${error}`, { extension });
-      }
+      const message = (error instanceof Error ? error.stack : undefined) || error;
+
+      logger.error(`${logModule}: can't load ${entryPointName} for "${extension.manifest.name}": ${message}`, { extension });
     }
 
     return null;
diff --git a/src/extensions/extension-loader/extension/extension.injectable.ts b/src/extensions/extension-loader/extension/extension.injectable.ts
index ba1bb6aea8..7ed23a3dfa 100644
--- a/src/extensions/extension-loader/extension/extension.injectable.ts
+++ b/src/extensions/extension-loader/extension/extension.injectable.ts
@@ -3,6 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
 import type { LensExtension } from "../../lens-extension";
 import { extensionRegistratorInjectionToken } from "../extension-registrator-injection-token";
 
@@ -27,17 +28,23 @@ const extensionInjectable = getInjectable({
               getInjectablesOfExtension(instance),
             );
 
-            childDi.register(...injectables);
+            runInAction(() => {
+              childDi.register(...injectables);
+            });
           },
 
           deregister: () => {
-            parentDi.deregister(extensionInjectable);
+            runInAction(() => {
+              parentDi.deregister(extensionInjectable);
+            });
           },
         };
       },
     });
 
-    parentDi.register(extensionInjectable);
+    runInAction(() => {
+      parentDi.register(extensionInjectable);
+    });
 
     return parentDi.inject(extensionInjectable);
   },
diff --git a/src/extensions/extension-store.ts b/src/extensions/extension-store.ts
index 62799f9843..4217576d2f 100644
--- a/src/extensions/extension-store.ts
+++ b/src/extensions/extension-store.ts
@@ -8,13 +8,15 @@ import * as path from "path";
 import type { LensExtension } from "./lens-extension";
 import assert from "assert";
 
-export abstract class ExtensionStore<T> extends BaseStore<T> {
+export abstract class ExtensionStore<T extends object> extends BaseStore<T> {
   readonly displayName = "ExtensionStore<T>";
   protected extension?: LensExtension;
 
   loadExtension(extension: LensExtension) {
     this.extension = extension;
 
+    this.params.projectVersion ??= this.extension.version;
+
     return super.load();
   }
 
diff --git a/src/extensions/lens-renderer-extension.ts b/src/extensions/lens-renderer-extension.ts
index 25b1e15061..d744d261d4 100644
--- a/src/extensions/lens-renderer-extension.ts
+++ b/src/extensions/lens-renderer-extension.ts
@@ -27,6 +27,7 @@ import { getExtensionRoutePath } from "../renderer/routes/for-extension";
 import type { LensRendererExtensionDependencies } from "./lens-extension-set-dependencies";
 import type { KubeObjectHandlerRegistration } from "../renderer/kube-object/handler";
 import type { AppPreferenceTabRegistration } from "../renderer/components/+preferences/app-preference-tab/app-preference-tab-registration";
+import type { KubeObjectDetailRegistration } from "../renderer/components/kube-object-details/kube-object-detail-registration";
 
 export class LensRendererExtension extends LensExtension<LensRendererExtensionDependencies> {
   globalPages: registries.PageRegistration[] = [];
@@ -37,7 +38,7 @@ export class LensRendererExtension extends LensExtension<LensRendererExtensionDe
   appPreferenceTabs: AppPreferenceTabRegistration[] = [];
   entitySettings: registries.EntitySettingRegistration[] = [];
   statusBarItems: StatusBarRegistration[] = [];
-  kubeObjectDetailItems: registries.KubeObjectDetailRegistration[] = [];
+  kubeObjectDetailItems: KubeObjectDetailRegistration[] = [];
   kubeObjectMenuItems: KubeObjectMenuRegistration[] = [];
   kubeWorkloadsOverviewItems: WorkloadsOverviewDetailRegistration[] = [];
   commands: CommandRegistration[] = [];
@@ -89,6 +90,8 @@ export class LensRendererExtension extends LensExtension<LensRendererExtensionDe
    * called when the extension is created within a cluster frame.
    *
    * The default implementation is to return `true`
+   *
+   * @deprecated Switch to using "enabled" or "visible" properties in each registration together with `activeCluster`
    */
   async isEnabledForCluster(cluster: KubernetesCluster): Promise<Boolean> {
     return (void cluster) || true;
diff --git a/src/extensions/npm/extensions/package-lock.json b/src/extensions/npm/extensions/package-lock.json
index 5cca29ab21..cb350082bc 100644
--- a/src/extensions/npm/extensions/package-lock.json
+++ b/src/extensions/npm/extensions/package-lock.json
@@ -4,6 +4,50 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@babel/code-frame": {
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.16.7.tgz",
+      "integrity": "sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg==",
+      "requires": {
+        "@babel/highlight": "^7.16.7"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz",
+      "integrity": "sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg==",
+      "requires": {
+        "@babel/types": "^7.16.7"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.17.12",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.17.12.tgz",
+      "integrity": "sha512-JDkf04mqtN3y4iAbO1hv9U2ARpPyPL1zqyWs/2WG1pgSq9llHFjStX5jdxb84himgJm+8Ng+x0oiWF/nw/XQKA=="
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.16.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz",
+      "integrity": "sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw=="
+    },
+    "@babel/highlight": {
+      "version": "7.17.12",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.17.12.tgz",
+      "integrity": "sha512-7yykMVF3hfZY2jsHZEEgLc+3x4o1O+fYyULu11GynEUQNwB6lua+IIQn1FiJxNucd5UlyJryrwsOh8PL9Sn8Qg==",
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.16.7",
+        "chalk": "^2.0.0",
+        "js-tokens": "^4.0.0"
+      }
+    },
+    "@babel/plugin-syntax-jsx": {
+      "version": "7.17.12",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.17.12.tgz",
+      "integrity": "sha512-spyY3E3AURfxh/RHtjx5j6hs8am5NbUBGfcZ2vB3uShSpZdQyXSf5rR5Mk76vbtlAZOelyVQ71Fg0x9SG4fsog==",
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.17.12"
+      }
+    },
     "@babel/runtime": {
       "version": "7.17.9",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.17.9.tgz",
@@ -12,11 +56,109 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
+    "@babel/types": {
+      "version": "7.18.4",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.18.4.tgz",
+      "integrity": "sha512-ThN1mBcMq5pG/Vm2IcBmPPfyPXbd8S02rS+OBIDENdufvqC7Z/jHPCv9IcP01277aKtDI8g/2XysBN4hA8niiw==",
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.16.7",
+        "to-fast-properties": "^2.0.0"
+      }
+    },
+    "@emotion/babel-plugin": {
+      "version": "11.9.2",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.9.2.tgz",
+      "integrity": "sha512-Pr/7HGH6H6yKgnVFNEj2MVlreu3ADqftqjqwUvDy/OJzKFgxKeTQ+eeUf20FOTuHVkDON2iNa25rAXVYtWJCjw==",
+      "requires": {
+        "@babel/helper-module-imports": "^7.12.13",
+        "@babel/plugin-syntax-jsx": "^7.12.13",
+        "@babel/runtime": "^7.13.10",
+        "@emotion/hash": "^0.8.0",
+        "@emotion/memoize": "^0.7.5",
+        "@emotion/serialize": "^1.0.2",
+        "babel-plugin-macros": "^2.6.1",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.0.13"
+      }
+    },
+    "@emotion/cache": {
+      "version": "11.9.3",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.9.3.tgz",
+      "integrity": "sha512-0dgkI/JKlCXa+lEXviaMtGBL0ynpx4osh7rjOXE71q9bIF8G+XhJgvi+wDu0B0IdCVx37BffiwXlN9I3UuzFvg==",
+      "requires": {
+        "@emotion/memoize": "^0.7.4",
+        "@emotion/sheet": "^1.1.1",
+        "@emotion/utils": "^1.0.0",
+        "@emotion/weak-memoize": "^0.2.5",
+        "stylis": "4.0.13"
+      }
+    },
     "@emotion/hash": {
       "version": "0.8.0",
       "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
       "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
     },
+    "@emotion/memoize": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.5.tgz",
+      "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
+    },
+    "@emotion/react": {
+      "version": "11.9.3",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.9.3.tgz",
+      "integrity": "sha512-g9Q1GcTOlzOEjqwuLF/Zd9LC+4FljjPjDfxSM7KmEakm+hsHXk+bYZ2q+/hTJzr0OUNkujo72pXLQvXj6H+GJQ==",
+      "requires": {
+        "@babel/runtime": "^7.13.10",
+        "@emotion/babel-plugin": "^11.7.1",
+        "@emotion/cache": "^11.9.3",
+        "@emotion/serialize": "^1.0.4",
+        "@emotion/utils": "^1.1.0",
+        "@emotion/weak-memoize": "^0.2.5",
+        "hoist-non-react-statics": "^3.3.1"
+      }
+    },
+    "@emotion/serialize": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.0.4.tgz",
+      "integrity": "sha512-1JHamSpH8PIfFwAMryO2bNka+y8+KA5yga5Ocf2d7ZEiJjb7xlLW7aknBGZqJLajuLOvJ+72vN+IBSwPlXD1Pg==",
+      "requires": {
+        "@emotion/hash": "^0.8.0",
+        "@emotion/memoize": "^0.7.4",
+        "@emotion/unitless": "^0.7.5",
+        "@emotion/utils": "^1.0.0",
+        "csstype": "^3.0.2"
+      },
+      "dependencies": {
+        "csstype": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
+          "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
+        }
+      }
+    },
+    "@emotion/sheet": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.1.1.tgz",
+      "integrity": "sha512-J3YPccVRMiTZxYAY0IOq3kd+hUP8idY8Kz6B/Cyo+JuXq52Ek+zbPbSQUrVQp95aJ+lsAW7DPL1P2Z+U1jGkKA=="
+    },
+    "@emotion/unitless": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
+      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
+    },
+    "@emotion/utils": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
+      "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
+    },
+    "@emotion/weak-memoize": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz",
+      "integrity": "sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA=="
+    },
     "@material-ui/core": {
       "version": "4.12.3",
       "resolved": "https://registry.npmjs.org/@material-ui/core/-/core-4.12.3.tgz",
@@ -95,6 +237,11 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-14.17.14.tgz",
       "integrity": "sha512-rsAj2u8Xkqfc332iXV12SqIsjVi07H479bOP4q94NAcjzmAvapumEhuVIt53koEf7JFrpjgNKjBga5Pnn/GL8A=="
     },
+    "@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+    },
     "@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -168,16 +315,69 @@
         "uri-js": "^4.2.2"
       }
     },
+    "ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "requires": {
+        "color-convert": "^1.9.0"
+      }
+    },
     "atomically": {
       "version": "1.7.0",
       "resolved": "https://registry.npmjs.org/atomically/-/atomically-1.7.0.tgz",
       "integrity": "sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w=="
     },
+    "babel-plugin-macros": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz",
+      "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==",
+      "requires": {
+        "@babel/runtime": "^7.7.2",
+        "cosmiconfig": "^6.0.0",
+        "resolve": "^1.12.0"
+      }
+    },
+    "callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "dependencies": {
+        "escape-string-regexp": {
+          "version": "1.0.5",
+          "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+          "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg=="
+        }
+      }
+    },
     "clsx": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
       "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA=="
     },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
     "conf": {
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/conf/-/conf-7.1.2.tgz",
@@ -195,6 +395,26 @@
         "semver": "^7.3.2"
       }
     },
+    "convert-source-map": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
+      "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
+      "requires": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "cosmiconfig": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+      "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+      "requires": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.1.0",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.7.2"
+      }
+    },
     "css-vendor": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/css-vendor/-/css-vendor-2.0.8.tgz",
@@ -246,6 +466,19 @@
       "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
       "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A=="
     },
+    "error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "requires": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="
+    },
     "fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -256,6 +489,11 @@
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
     },
+    "find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
     "find-up": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
@@ -264,6 +502,24 @@
         "locate-path": "^3.0.0"
       }
     },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw=="
+    },
     "hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -284,6 +540,28 @@
       "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
       "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
     },
+    "import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+    },
+    "is-core-module": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
+      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
     "is-in-browser": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/is-in-browser/-/is-in-browser-1.1.3.tgz",
@@ -299,6 +577,11 @@
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
     },
+    "json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
     "json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -394,6 +677,11 @@
         "jss": "10.9.0"
       }
     },
+    "lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+    },
     "locate-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
@@ -434,6 +722,11 @@
         }
       }
     },
+    "memoize-one": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz",
+      "integrity": "sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q=="
+    },
     "mimic-fn": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-3.1.0.tgz",
@@ -498,11 +791,40 @@
       "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
       "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
     },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "requires": {
+        "callsites": "^3.0.0"
+      }
+    },
+    "parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      }
+    },
     "path-exists": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
       "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU="
     },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="
+    },
     "pkg-up": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
@@ -543,6 +865,20 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "react-select": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/react-select/-/react-select-5.3.2.tgz",
+      "integrity": "sha512-W6Irh7U6Ha7p5uQQ2ZnemoCQ8mcfgOtHfw3wuMzG6FAu0P+CYicgofSLOq97BhjMx8jS+h+wwWdCBeVVZ9VqlQ==",
+      "requires": {
+        "@babel/runtime": "^7.12.0",
+        "@emotion/cache": "^11.4.0",
+        "@emotion/react": "^11.8.1",
+        "@types/react-transition-group": "^4.4.0",
+        "memoize-one": "^5.0.0",
+        "prop-types": "^15.6.0",
+        "react-transition-group": "^4.3.0"
+      }
+    },
     "react-transition-group": {
       "version": "4.4.2",
       "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
@@ -559,6 +895,26 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
       "integrity": "sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA=="
     },
+    "resolve": {
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
+      "requires": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
     "semver": {
       "version": "7.3.7",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.7.tgz",
@@ -567,11 +923,39 @@
         "lru-cache": "^6.0.0"
       }
     },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ=="
+    },
+    "stylis": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.0.13.tgz",
+      "integrity": "sha512-xGPXiFVl4YED9Jh7Euv2V220mriG9u4B2TA6Ybjc1catrstKD2PpIdU3U0RKpkVBC2EhmL/F0sPCr9vrFTNRag=="
+    },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+    },
     "tiny-warning": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
       "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA=="
     },
+    "to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog=="
+    },
     "typed-emitter": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/typed-emitter/-/typed-emitter-1.4.0.tgz",
@@ -589,6 +973,11 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
     }
   }
 }
diff --git a/src/extensions/npm/extensions/package.json b/src/extensions/npm/extensions/package.json
index 9f145fed97..2afda96cf2 100644
--- a/src/extensions/npm/extensions/package.json
+++ b/src/extensions/npm/extensions/package.json
@@ -25,6 +25,7 @@
     "conf": "^7.0.1",
     "mobx": "^6.5.0",
     "mobx-react": "^7.3.0",
+    "react-select": "^5.3.2",
     "typed-emitter": "^1.3.1"
   }
 }
diff --git a/src/extensions/registries/entity-setting-registry.ts b/src/extensions/registries/entity-setting-registry.ts
index 60ac151133..0dc8eea23e 100644
--- a/src/extensions/registries/entity-setting-registry.ts
+++ b/src/extensions/registries/entity-setting-registry.ts
@@ -38,7 +38,7 @@ export class EntitySettingRegistry extends BaseRegistry<EntitySettingRegistratio
     };
   }
 
-  getItemsForKind = (kind: string, apiVersion: string, source?: string) => {
+  getItemsForKind(kind: string, apiVersion: string, source?: string) {
     let items = this.getItems().filter((item) => {
       return item.kind === kind && item.apiVersions.includes(apiVersion);
     });
@@ -50,5 +50,5 @@ export class EntitySettingRegistry extends BaseRegistry<EntitySettingRegistratio
     }
 
     return items.sort((a, b) => (b.priority ?? 50) - (a.priority ?? 50));
-  };
+  }
 }
diff --git a/src/extensions/registries/index.ts b/src/extensions/registries/index.ts
index 23f064a26b..f916600903 100644
--- a/src/extensions/registries/index.ts
+++ b/src/extensions/registries/index.ts
@@ -7,7 +7,6 @@
 
 export * from "./page-registry";
 export * from "./page-menu-registry";
-export * from "./kube-object-detail-registry";
 export * from "./entity-setting-registry";
 export * from "./catalog-entity-detail-registry";
 export * from "./protocol-handler";
diff --git a/src/extensions/registries/kube-object-detail-registry.ts b/src/extensions/registries/kube-object-detail-registry.ts
deleted file mode 100644
index 7f6620fc95..0000000000
--- a/src/extensions/registries/kube-object-detail-registry.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import type React from "react";
-import type { Disposer } from "../../common/utils";
-import type { KubeObjectDetailsProps } from "../renderer-api/components";
-import type { KubeObject } from "../renderer-api/k8s-api";
-import { BaseRegistry } from "./base-registry";
-
-export interface KubeObjectDetailComponents<T extends KubeObject = KubeObject> {
-  Details: React.ComponentType<KubeObjectDetailsProps<T>>;
-}
-
-export interface KubeObjectDetailRegistration<T extends KubeObject = KubeObject> {
-  kind: string;
-  apiVersions: string[];
-  components: KubeObjectDetailComponents<T>;
-  priority?: number;
-}
-
-export class KubeObjectDetailRegistry extends BaseRegistry<KubeObjectDetailRegistration> {
-  add(items: KubeObjectDetailRegistration[]): Disposer;
-  add<T extends KubeObject>(item: KubeObjectDetailRegistration<T>): Disposer;
-  add(items: KubeObjectDetailRegistration | KubeObjectDetailRegistration[]): Disposer {
-    return super.add(items);
-  }
-
-  getItemsForKind(kind: string, apiVersion: string) {
-    const items = this.getItems().filter((item) => {
-      return item.kind === kind && item.apiVersions.includes(apiVersion);
-    });
-
-    return items.sort((a, b) => (b.priority ?? 50) - (a.priority ?? 50));
-  }
-}
diff --git a/src/extensions/registries/page-menu-registry.ts b/src/extensions/registries/page-menu-registry.ts
index d69bcfadfa..d083d729c4 100644
--- a/src/extensions/registries/page-menu-registry.ts
+++ b/src/extensions/registries/page-menu-registry.ts
@@ -7,6 +7,7 @@
 import type { IconProps } from "../../renderer/components/icon";
 import type React from "react";
 import type { PageTarget } from "./page-registry";
+import type { IComputedValue } from "mobx";
 
 export interface ClusterPageMenuRegistration {
   id?: string;
@@ -14,6 +15,7 @@ export interface ClusterPageMenuRegistration {
   target?: PageTarget;
   title: React.ReactNode;
   components: ClusterPageMenuComponents;
+  visible?: IComputedValue<boolean>;
 }
 
 export interface ClusterPageMenuComponents {
diff --git a/src/extensions/registries/page-registry.ts b/src/extensions/registries/page-registry.ts
index b698460a54..6584b3aa9b 100644
--- a/src/extensions/registries/page-registry.ts
+++ b/src/extensions/registries/page-registry.ts
@@ -2,6 +2,7 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
+import type { IComputedValue } from "mobx";
 import type { PageParamInit, PageParam } from "../../renderer/navigation";
 
 // Extensions-api -> Custom page registration
@@ -14,6 +15,7 @@ export interface PageRegistration {
   id?: string;
   params?: PageParams<string | Omit<PageParamInit<any>, "name" | "prefix">>;
   components: PageComponents;
+  enabled?: IComputedValue<boolean>;
 }
 
 export interface PageComponents {
diff --git a/src/extensions/renderer-api/catalog.ts b/src/extensions/renderer-api/catalog.ts
index 87506926e2..43b840a39a 100644
--- a/src/extensions/renderer-api/catalog.ts
+++ b/src/extensions/renderer-api/catalog.ts
@@ -10,6 +10,7 @@ import type { Disposer } from "../../common/utils";
 import catalogCategoryRegistryInjectable from "../../common/catalog/category-registry.injectable";
 import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
 import catalogEntityRegistryInjectable from "../../renderer/api/catalog/entity/registry.injectable";
+import activeKubernetesClusterInjectable from "../../renderer/cluster-frame-context/active-kubernetes-cluster.injectable";
 
 export const catalogCategories = asLegacyGlobalForExtensionApi(catalogCategoryRegistryInjectable);
 
@@ -53,3 +54,7 @@ export class CatalogEntityRegistry {
 }
 
 export const catalogEntities = new CatalogEntityRegistry();
+
+export const activeCluster = asLegacyGlobalForExtensionApi(
+  activeKubernetesClusterInjectable,
+);
diff --git a/src/extensions/renderer-api/components.ts b/src/extensions/renderer-api/components.ts
index 6946a8aa66..83188c7d39 100644
--- a/src/extensions/renderer-api/components.ts
+++ b/src/extensions/renderer-api/components.ts
@@ -19,6 +19,7 @@ import { ConfirmDialog as _ConfirmDialog } from "../../renderer/components/confi
 import type { ConfirmDialogBooleanParams, ConfirmDialogParams, ConfirmDialogProps } from "../../renderer/components/confirm-dialog";
 import openConfirmDialogInjectable from "../../renderer/components/confirm-dialog/open.injectable";
 import confirmInjectable from "../../renderer/components/confirm-dialog/confirm.injectable";
+import notificationsStoreInjectable from "../../renderer/components/notifications/notifications-store.injectable";
 
 // layouts
 export * from "../../renderer/components/layout/main-layout";
@@ -133,3 +134,5 @@ export class TerminalStore {
     console.warn("TerminalStore.resetInstance() does nothing");
   }
 }
+
+export const notificationsStore = asLegacyGlobalForExtensionApi(notificationsStoreInjectable);
diff --git a/src/extensions/renderer-api/k8s-api.ts b/src/extensions/renderer-api/k8s-api.ts
index aa7e4a5c02..3401d979f7 100644
--- a/src/extensions/renderer-api/k8s-api.ts
+++ b/src/extensions/renderer-api/k8s-api.ts
@@ -25,6 +25,7 @@ import resourceQuotaApiInjectable from "../../common/k8s-api/endpoints/resource-
 import limitRangeApiInjectable from "../../common/k8s-api/endpoints/limit-range.api.injectable";
 import horizontalPodAutoscalerApiInjectable from "../../common/k8s-api/endpoints/horizontal-pod-autoscaler.api.injectable";
 import podDisruptionBudgetApiInjectable from "../../common/k8s-api/endpoints/pod-disruption-budget.api.injectable";
+import priorityClassStoreApiInjectable from "../../common/k8s-api/endpoints/priority-class.api.injectable";
 import serviceApiInjectable from "../../common/k8s-api/endpoints/service.api.injectable";
 import endpointsApiInjectable from "../../common/k8s-api/endpoints/endpoint.api.injectable";
 import ingressApiInjectable from "../../common/k8s-api/endpoints/ingress.api.injectable";
@@ -68,6 +69,7 @@ export const limitRangeApi = asLegacyGlobalForExtensionApi(limitRangeApiInjectab
 export const serviceApi = asLegacyGlobalForExtensionApi(serviceApiInjectable);
 export const hpaApi = asLegacyGlobalForExtensionApi(horizontalPodAutoscalerApiInjectable);
 export const pdbApi = asLegacyGlobalForExtensionApi(podDisruptionBudgetApiInjectable);
+export const pcApi = asLegacyGlobalForExtensionApi(priorityClassStoreApiInjectable);
 export const endpointApi = asLegacyGlobalForExtensionApi(endpointsApiInjectable);
 export const ingressApi = asLegacyGlobalForExtensionApi(ingressApiInjectable);
 export const networkPolicyApi = asLegacyGlobalForExtensionApi(networkPolicyApiInjectable);
@@ -102,6 +104,7 @@ export type { ResourceQuotaStore as ResourceQuotasStore } from "../../renderer/c
 export type { LimitRangeStore as LimitRangesStore } from "../../renderer/components/+config-limit-ranges/store";
 export type { HorizontalPodAutoscalerStore as HPAStore } from "../../renderer/components/+config-autoscalers/store";
 export type { PodDisruptionBudgetStore as PodDisruptionBudgetsStore } from "../../renderer/components/+config-pod-disruption-budgets/store";
+export type { PriorityClassStore as PriorityClassStoreStore } from "../../renderer/components/+config-priority-classes/store";
 export type { ServiceStore } from "../../renderer/components/+network-services/store";
 export type { EndpointsStore as EndpointStore } from "../../renderer/components/+network-endpoints/store";
 export type { IngressStore } from "../../renderer/components/+network-ingresses/store";
diff --git a/src/extensions/renderer-api/theming.ts b/src/extensions/renderer-api/theming.ts
index a39efc80b7..435cf23504 100644
--- a/src/extensions/renderer-api/theming.ts
+++ b/src/extensions/renderer-api/theming.ts
@@ -3,11 +3,17 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import themeStoreInjectable from "../../renderer/themes/store.injectable";
+import activeThemeInjectable from "../../renderer/themes/active.injectable";
+import type { LensTheme } from "../../renderer/themes/store";
 import { asLegacyGlobalForExtensionApi } from "../as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
 
-const themeStore = asLegacyGlobalForExtensionApi(themeStoreInjectable);
+export const activeTheme = asLegacyGlobalForExtensionApi(activeThemeInjectable);
 
+/**
+ * @deprecated This hides the reactivity of active theme, use {@link activeTheme} instead
+ */
 export function getActiveTheme() {
-  return themeStore.activeTheme;
+  return activeTheme.get();
 }
+
+export type { LensTheme };
diff --git a/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap b/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
new file mode 100644
index 0000000000..6fff5572d7
--- /dev/null
+++ b/src/features/__snapshots__/extension-special-characters-in-page-registrations.test.tsx.snap
@@ -0,0 +1,321 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`extension special characters in page registrations renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`extension special characters in page registrations when navigating to route with ID having special characters renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Some page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap b/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
new file mode 100644
index 0000000000..9487506cf4
--- /dev/null
+++ b/src/features/__snapshots__/navigate-to-extension-page.test.tsx.snap
@@ -0,0 +1,729 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`navigate to extension page renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`navigate to extension page when extension navigates to child route renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Child page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`navigate to extension page when extension navigates to route with parameters renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        <ul>
+          <li>
+            some-string-value-from-navigate
+          </li>
+          <li>
+            126
+          </li>
+          <li>
+            some-array-value-from-navigate
+          </li>
+        </ul>
+        <button
+          data-testid="button-to-change-page-parameters"
+          type="button"
+        >
+          Some button
+        </button>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`navigate to extension page when extension navigates to route without parameters renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        <ul>
+          <li>
+            some-string-value
+          </li>
+          <li>
+            42
+          </li>
+          <li>
+            some-array-value,some-other-array-value
+          </li>
+        </ul>
+        <button
+          data-testid="button-to-change-page-parameters"
+          type="button"
+        >
+          Some button
+        </button>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`navigate to extension page when extension navigates to route without parameters when changing page parameters renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        <ul>
+          <li>
+            some-changed-string-value
+          </li>
+          <li>
+            84
+          </li>
+          <li>
+            some-changed-array-value,some-other-changed-array-value
+          </li>
+        </ul>
+        <button
+          data-testid="button-to-change-page-parameters"
+          type="button"
+        >
+          Some button
+        </button>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/__snapshots__/navigating-between-routes.test.tsx.snap b/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
new file mode 100644
index 0000000000..ce6dfe219f
--- /dev/null
+++ b/src/features/__snapshots__/navigating-between-routes.test.tsx.snap
@@ -0,0 +1,244 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`navigating between routes given route with optional path parameters when navigating to route with path parameters renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <pre>
+        {
+  "someParameter": "some-value",
+  "someOtherParameter": "some-other-value"
+}
+      </pre>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`navigating between routes given route without path parameters when navigating to route renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Some component
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap b/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
new file mode 100644
index 0000000000..87957f581a
--- /dev/null
+++ b/src/features/add-cluster/__snapshots__/navigation-using-application-menu.test.tsx.snap
@@ -0,0 +1,405 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`add-cluster - navigation using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`add-cluster - navigation using application menu when navigating to add cluster using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout AddClusters"
+        data-testid="add-cluster-page"
+      >
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content flex column gaps"
+          >
+            <h2>
+              Add Clusters from Kubeconfig
+            </h2>
+            <p>
+              Clusters added here are  
+              <b>
+                not
+              </b>
+               merged into the 
+              <code>
+                ~/.kube/config
+              </code>
+               file. 
+              <a
+                href="https://docs.k8slens.dev/main/catalog/add-cluster/"
+                rel="noreferrer"
+                target="_blank"
+              >
+                Read more about adding clusters.
+              </a>
+            </p>
+            <div
+              class="flex column"
+            >
+              <textarea
+                data-testid="monaco-editor-for-undefined"
+              />
+            </div>
+            <div
+              class="actions-panel"
+            >
+              <button
+                class="Button primary"
+                data-waiting="false"
+                disabled=""
+                type="button"
+              >
+                Add clusters
+              </button>
+              <div />
+            </div>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div>
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/behaviours/add-cluster/navigation-using-application-menu.test.tsx b/src/features/add-cluster/navigation-using-application-menu.test.tsx
similarity index 73%
rename from src/behaviours/add-cluster/navigation-using-application-menu.test.tsx
rename to src/features/add-cluster/navigation-using-application-menu.test.tsx
index bb68918c1a..41d11af30b 100644
--- a/src/behaviours/add-cluster/navigation-using-application-menu.test.tsx
+++ b/src/features/add-cluster/navigation-using-application-menu.test.tsx
@@ -6,20 +6,6 @@
 import type { RenderResult } from "@testing-library/react";
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import React from "react";
-
-// TODO: Make components free of side effects by making them deterministic
-jest.mock("../../renderer/components/tooltip/tooltip", () => ({
-  Tooltip: () => null,
-}));
-
-jest.mock("../../renderer/components/tooltip/withTooltip", () => ({
-  withTooltip: (Target: any) => ({ tooltip, tooltipOverrideDisabled, ...props }: any) => <Target {...props} />,
-}));
-
-jest.mock("../../renderer/components/monaco-editor/monaco-editor", () => ({
-  MonacoEditor: () => null,
-}));
 
 describe("add-cluster - navigation using application menu", () => {
   let applicationBuilder: ApplicationBuilder;
diff --git a/src/features/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap b/src/features/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
new file mode 100644
index 0000000000..e6856ccc51
--- /dev/null
+++ b/src/features/application-update/__snapshots__/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts.snap
@@ -0,0 +1,708 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`force user to update when too long since update was downloaded when application is started given checking for updates and it resolves, when update was downloaded renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`force user to update when too long since update was downloaded when application is started given checking for updates and it resolves, when update was downloaded when enough time passes to consider that update must be installed renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center modal pinned enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="ForceUpdateModal"
+        data-testid="must-update-immediately"
+      >
+        <div
+          class="header"
+        >
+          <h2>
+            Please update
+          </h2>
+        </div>
+        <div
+          class="content"
+        >
+          <p>
+            An update to Lens Desktop is required to continue using the application.
+          </p>
+        </div>
+        <div
+          class="footer"
+        >
+          <button
+            class="Button primary"
+            data-testid="update-now-from-must-update-immediately-modal"
+            type="button"
+          >
+            Update
+             
+            (
+            <span
+              data-testid="countdown-to-automatic-update"
+            >
+              5
+            </span>
+            )
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`force user to update when too long since update was downloaded when application is started given checking for updates and it resolves, when update was downloaded when not enough time passes to consider that update must be installed renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/application-update/__snapshots__/installing-update-using-topbar-button.test.tsx.snap b/src/features/application-update/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
new file mode 100644
index 0000000000..ec1935b053
--- /dev/null
+++ b/src/features/application-update/__snapshots__/installing-update-using-topbar-button.test.tsx.snap
@@ -0,0 +1,423 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`encourage user to update when sufficient time passed since update was downloaded when started given the update check when update downloaded given some time passes, when checking for updates again when checking for updates resolves with same version that was previously downloaded renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`encourage user to update when sufficient time passed since update was downloaded when started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/application-update/__snapshots__/installing-update-using-tray.test.ts.snap b/src/features/application-update/__snapshots__/installing-update-using-tray.test.ts.snap
new file mode 100644
index 0000000000..fcb3eb4729
--- /dev/null
+++ b/src/features/application-update/__snapshots__/installing-update-using-tray.test.ts.snap
@@ -0,0 +1,1249 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`installing update using tray when started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update using tray when started when user checks for updates using tray renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update using tray when started when user checks for updates using tray when new update is discovered renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update using tray when started when user checks for updates using tray when new update is discovered when download fails renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update using tray when started when user checks for updates using tray when new update is discovered when download succeeds renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update using tray when started when user checks for updates using tray when no new update is discovered renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/application-update/__snapshots__/installing-update.test.ts.snap b/src/features/application-update/__snapshots__/installing-update.test.ts.snap
new file mode 100644
index 0000000000..394dc9c96c
--- /dev/null
+++ b/src/features/application-update/__snapshots__/installing-update.test.ts.snap
@@ -0,0 +1,1249 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`installing update when started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update when started when user checks for updates renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update when started when user checks for updates when new update is discovered renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update when started when user checks for updates when new update is discovered when download fails renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update when started when user checks for updates when new update is discovered when download succeeds renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+          <button
+            class="updateButton"
+            data-testid="update-button"
+            data-warning-level="light"
+            id="update-lens-button"
+          >
+            Update
+            <i
+              class="Icon icon material focusable"
+            >
+              <span
+                class="icon"
+                data-icon-name="arrow_drop_down"
+              >
+                arrow_drop_down
+              </span>
+            </i>
+          </button>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing update when started when user checks for updates when no new update is discovered renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/application-update/__snapshots__/periodical-checking-of-updates.test.ts.snap b/src/features/application-update/__snapshots__/periodical-checking-of-updates.test.ts.snap
new file mode 100644
index 0000000000..faae797792
--- /dev/null
+++ b/src/features/application-update/__snapshots__/periodical-checking-of-updates.test.ts.snap
@@ -0,0 +1,203 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`periodical checking of updates given updater is enabled and configuration exists, when started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/application-update/__snapshots__/selection-of-update-stability.test.ts.snap b/src/features/application-update/__snapshots__/selection-of-update-stability.test.ts.snap
new file mode 100644
index 0000000000..a8629b21b6
--- /dev/null
+++ b/src/features/application-update/__snapshots__/selection-of-update-stability.test.ts.snap
@@ -0,0 +1,203 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`selection of update stability when started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/behaviours/application-update/analytics-for-installing-update.test.ts b/src/features/application-update/analytics-for-installing-update.test.ts
similarity index 76%
rename from src/behaviours/application-update/analytics-for-installing-update.test.ts
rename to src/features/application-update/analytics-for-installing-update.test.ts
index c33a3f92af..60523c5e49 100644
--- a/src/behaviours/application-update/analytics-for-installing-update.test.ts
+++ b/src/features/application-update/analytics-for-installing-update.test.ts
@@ -16,26 +16,26 @@ import processCheckingForUpdatesInjectable from "../../main/application-update/c
 import type { DownloadPlatformUpdate } from "../../main/application-update/download-platform-update/download-platform-update.injectable";
 import downloadPlatformUpdateInjectable from "../../main/application-update/download-platform-update/download-platform-update.injectable";
 import quitAndInstallUpdateInjectable from "../../main/application-update/quit-and-install-update.injectable";
-import appVersionInjectable from "../../common/get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../../common/vars/app-version.injectable";
 import periodicalCheckForUpdatesInjectable from "../../main/application-update/periodical-check-for-updates/periodical-check-for-updates.injectable";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
+import emitEventInjectable from "../../common/app-event-bus/emit-event.injectable";
 
 describe("analytics for installing update", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
   let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
   let analyticsListenerMock: jest.Mock;
   let mainDi: DiContainer;
 
   beforeEach(async () => {
-    jest.useFakeTimers();
+    useFakeTime("2015-10-21T07:28:00Z");
 
-    global.Date.now = () => new Date("2015-10-21T07:28:00Z").getTime();
-
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
     analyticsListenerMock = jest.fn();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart(mainDi => {
       mainDi.override(appVersionInjectable, () => "42.0.0");
 
       checkForPlatformUpdatesMock = asyncFn();
@@ -52,12 +52,14 @@ describe("analytics for installing update", () => {
 
       mainDi.override(publishIsConfiguredInjectable, () => true);
 
+      mainDi.unoverride(emitEventInjectable);
+
       const eventBus = mainDi.inject(appEventBusInjectable);
 
       eventBus.addListener(analyticsListenerMock);
     });
 
-    mainDi = applicationBuilder.dis.mainDi;
+    mainDi = builder.mainDi;
   });
 
   describe("given application is started and checking updates periodically", () => {
@@ -65,8 +67,7 @@ describe("analytics for installing update", () => {
       mainDi.unoverride(periodicalCheckForUpdatesInjectable);
       mainDi.permitSideEffects(periodicalCheckForUpdatesInjectable);
 
-      await applicationBuilder.render();
-
+      await builder.render();
     });
 
     it("sends event to analytics for being checked periodically", () => {
@@ -84,14 +85,14 @@ describe("analytics for installing update", () => {
     it("when enough time passes to check for updates again, sends event to analytics for being checked periodically", () => {
       analyticsListenerMock.mockClear();
 
-      jest.advanceTimersByTime(1000 * 60 * 60 * 2);
+      advanceFakeTime(1000 * 60 * 60 * 2);
 
       expect(analyticsListenerMock).toHaveBeenCalledWith({
         name: "app",
         action: "checking-for-updates",
 
         params: {
-          currentDateTime: "2015-10-21T07:28:00Z",
+          currentDateTime: "2015-10-21T09:28:00Z",
           source: "periodic",
         },
       });
@@ -102,7 +103,7 @@ describe("analytics for installing update", () => {
     beforeEach(async () => {
       analyticsListenerMock.mockClear();
 
-      await applicationBuilder.render();
+      await builder.render();
     });
 
     it("sends event to analytics about the current version", () => {
@@ -120,7 +121,7 @@ describe("analytics for installing update", () => {
     it("when checking for updates using tray, sends event to analytics for being checked from tray", async () => {
       analyticsListenerMock.mockClear();
 
-      applicationBuilder.tray.click("check-for-updates");
+      builder.tray.click("check-for-updates");
 
       expect(analyticsListenerMock.mock.calls).toEqual([
         [
@@ -141,7 +142,7 @@ describe("analytics for installing update", () => {
     it("when checking for updates using application menu, sends event to analytics for being checked from application menu", async () => {
       analyticsListenerMock.mockClear();
 
-      applicationBuilder.applicationMenu.click("root.check-for-updates");
+      builder.applicationMenu.click("root.check-for-updates");
 
       expect(analyticsListenerMock.mock.calls).toEqual([
         [
@@ -195,6 +196,46 @@ describe("analytics for installing update", () => {
           await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: true });
         });
 
+        describe("given checking for updates again", () => {
+          beforeEach(() => {
+            const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
+
+            processCheckingForUpdates("irrelevant");
+
+            analyticsListenerMock.mockClear();
+          });
+
+          it("when check resolves with same version that was previously downloaded, does not send event to analytics about update discovered", async () => {
+            await checkForPlatformUpdatesMock.resolve({
+              updateWasDiscovered: true,
+              version: "43.0.0",
+            });
+
+            expect(analyticsListenerMock).not.toHaveBeenCalled();
+          });
+
+          it("when check resolves with different version that was previously downloaded, sends event to analytics about update discovered", async () => {
+            await checkForPlatformUpdatesMock.resolve({
+              updateWasDiscovered: true,
+              version: "44.0.0",
+            });
+
+            expect(analyticsListenerMock.mock.calls).toEqual([
+              [
+                {
+                  name: "app",
+                  action: "update-was-discovered",
+
+                  params: {
+                    version: "44.0.0",
+                    currentDateTime: "2015-10-21T07:28:00Z",
+                  },
+                },
+              ],
+            ]);
+          });
+        });
+
         it("does not send event to analytics about update downloaded being successful", () => {
           expect(analyticsListenerMock).not.toHaveBeenCalled();
         });
diff --git a/src/behaviours/application-update/downgrading-version-update.test.ts b/src/features/application-update/downgrading-version-update.test.ts
similarity index 93%
rename from src/behaviours/application-update/downgrading-version-update.test.ts
rename to src/features/application-update/downgrading-version-update.test.ts
index 2abefa1ac8..0462bee3d4 100644
--- a/src/behaviours/application-update/downgrading-version-update.test.ts
+++ b/src/features/application-update/downgrading-version-update.test.ts
@@ -13,7 +13,7 @@ import checkForPlatformUpdatesInjectable from "../../main/application-update/che
 import processCheckingForUpdatesInjectable from "../../main/application-update/check-for-updates/process-checking-for-updates.injectable";
 import selectedUpdateChannelInjectable from "../../common/application-update/selected-update-channel/selected-update-channel.injectable";
 import type { DiContainer } from "@ogre-tools/injectable";
-import appVersionInjectable from "../../common/get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../../common/vars/app-version.injectable";
 import { updateChannels } from "../../common/application-update/update-channels";
 
 describe("downgrading version update", () => {
@@ -24,7 +24,7 @@ describe("downgrading version update", () => {
   beforeEach(() => {
     applicationBuilder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    applicationBuilder.beforeApplicationStart(mainDi => {
       checkForPlatformUpdatesMock = asyncFn();
 
       mainDi.override(
@@ -36,7 +36,7 @@ describe("downgrading version update", () => {
       mainDi.override(publishIsConfiguredInjectable, () => true);
     });
 
-    mainDi = applicationBuilder.dis.mainDi;
+    mainDi = applicationBuilder.mainDi;
   });
 
   [
diff --git a/src/features/application-update/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts b/src/features/application-update/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts
new file mode 100644
index 0000000000..ba8380e7b5
--- /dev/null
+++ b/src/features/application-update/force-user-to-update-when-too-long-time-since-update-was-downloaded.test.ts
@@ -0,0 +1,153 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { CheckForPlatformUpdates } from "../../main/application-update/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "../../main/application-update/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { DownloadPlatformUpdate } from "../../main/application-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "../../main/application-update/download-platform-update/download-platform-update.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { DiContainer } from "@ogre-tools/injectable";
+import processCheckingForUpdatesInjectable from "../../main/application-update/check-for-updates/process-checking-for-updates.injectable";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
+import quitAndInstallUpdateInjectable from "../../main/application-update/quit-and-install-update.injectable";
+import timeAfterUpdateMustBeInstalledInjectable from "../../renderer/application-update/force-update-modal/time-after-update-must-be-installed.injectable";
+import secondsAfterInstallStartsInjectable from "../../renderer/application-update/force-update-modal/seconds-after-install-starts.injectable";
+import forceUpdateModalRootFrameComponentInjectable from "../../renderer/application-update/force-update-modal/force-update-modal-root-frame-component.injectable";
+
+const TIME_AFTER_UPDATE_MUST_BE_INSTALLED = 1000;
+const TIME_AFTER_INSTALL_STARTS = 5 * 1000;
+
+describe("force user to update when too long since update was downloaded", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
+  let mainDi: DiContainer;
+  let quitAndInstallUpdateMock: jest.Mock;
+
+  beforeEach(() => {
+    useFakeTime("2015-10-21T07:28:00Z");
+
+    applicationBuilder = getApplicationBuilder();
+
+    applicationBuilder.beforeApplicationStart(mainDi => {
+      checkForPlatformUpdatesMock = asyncFn();
+
+      mainDi.override(checkForPlatformUpdatesInjectable, () => checkForPlatformUpdatesMock);
+
+      downloadPlatformUpdateMock = asyncFn();
+
+      mainDi.override(downloadPlatformUpdateInjectable, () => downloadPlatformUpdateMock);
+
+      quitAndInstallUpdateMock = jest.fn();
+
+      mainDi.override(quitAndInstallUpdateInjectable, () => quitAndInstallUpdateMock);
+    });
+
+    applicationBuilder.beforeWindowStart(windowDi => {
+      windowDi.unoverride(forceUpdateModalRootFrameComponentInjectable);
+      windowDi.permitSideEffects(forceUpdateModalRootFrameComponentInjectable);
+
+      windowDi.override(timeAfterUpdateMustBeInstalledInjectable, () => TIME_AFTER_UPDATE_MUST_BE_INSTALLED);
+      windowDi.override(secondsAfterInstallStartsInjectable, () => TIME_AFTER_INSTALL_STARTS / 1000);
+    });
+
+    mainDi = applicationBuilder.mainDi;
+  });
+
+  describe("when application is started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      rendered = await applicationBuilder.render();
+    });
+
+    describe("given checking for updates and it resolves, when update was downloaded", () => {
+      beforeEach(async () => {
+        const processCheckingForUpdates = mainDi.inject(
+          processCheckingForUpdatesInjectable,
+        );
+
+        processCheckingForUpdates("irrelevant");
+
+        await checkForPlatformUpdatesMock.resolve({
+          updateWasDiscovered: true,
+          version: "42.0.0",
+        });
+
+        await downloadPlatformUpdateMock.resolve({
+          downloadWasSuccessful: true,
+        });
+      });
+
+      it("does not show modal yet", () => {
+        expect(rendered.queryByTestId("must-update-immediately")).not.toBeInTheDocument();
+      });
+
+      describe("when not enough time passes to consider that update must be installed", () => {
+        beforeEach(() => {
+          advanceFakeTime(TIME_AFTER_UPDATE_MUST_BE_INSTALLED - 1);
+        });
+
+        it("does not show modal yet", () => {
+          expect(rendered.queryByTestId("must-update-immediately")).not.toBeInTheDocument();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when enough time passes to consider that update must be installed", () => {
+        beforeEach(() => {
+          advanceFakeTime(TIME_AFTER_UPDATE_MUST_BE_INSTALLED);
+        });
+
+        it("shows modal to inform about forced update", () => {
+          expect(rendered.getByTestId("must-update-immediately")).toBeInTheDocument();
+        });
+
+        it("when selected to update now, restarts the application to update", () => {
+          fireEvent.click(rendered.getByTestId("update-now-from-must-update-immediately-modal"));
+
+          expect(quitAndInstallUpdateMock).toHaveBeenCalled();
+        });
+
+        it("shows countdown for automatic update", () => {
+          expect(rendered.getByTestId("countdown-to-automatic-update")).toHaveTextContent("5");
+        });
+
+        it("when some time passes, updates the countdown for automatic update", () => {
+          advanceFakeTime(1000);
+
+          expect(rendered.getByTestId("countdown-to-automatic-update")).toHaveTextContent("4");
+        });
+
+        it("when not enough time passes for automatic update, does not restart the application yet", () => {
+          advanceFakeTime(TIME_AFTER_INSTALL_STARTS - 1);
+
+          expect(quitAndInstallUpdateMock).not.toHaveBeenCalled();
+        });
+
+        it("when enough time passes for automatically update, restarts the application to update", () => {
+          advanceFakeTime(TIME_AFTER_INSTALL_STARTS);
+
+          expect(quitAndInstallUpdateMock).toHaveBeenCalled();
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+      });
+    });
+  });
+});
diff --git a/src/features/application-update/installing-update-using-topbar-button.test.tsx b/src/features/application-update/installing-update-using-topbar-button.test.tsx
new file mode 100644
index 0000000000..5e5500498b
--- /dev/null
+++ b/src/features/application-update/installing-update-using-topbar-button.test.tsx
@@ -0,0 +1,185 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import { act } from "@testing-library/react";
+import type { CheckForPlatformUpdates } from "../../main/application-update/check-for-platform-updates/check-for-platform-updates.injectable";
+import checkForPlatformUpdatesInjectable from "../../main/application-update/check-for-platform-updates/check-for-platform-updates.injectable";
+import type { DownloadPlatformUpdate } from "../../main/application-update/download-platform-update/download-platform-update.injectable";
+import downloadPlatformUpdateInjectable from "../../main/application-update/download-platform-update/download-platform-update.injectable";
+import publishIsConfiguredInjectable from "../../main/application-update/publish-is-configured.injectable";
+import electronUpdaterIsActiveInjectable from "../../main/electron-app/features/electron-updater-is-active.injectable";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import processCheckingForUpdatesInjectable from "../../main/application-update/check-for-updates/process-checking-for-updates.injectable";
+import quitAndInstallUpdateInjectable from "../../main/application-update/quit-and-install-update.injectable";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
+
+function daysToMilliseconds(days: number) {
+  return Math.round(days * 24 * 60 * 60 * 1000);
+}
+
+describe("encourage user to update when sufficient time passed since update was downloaded", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
+  let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
+  let quitAndInstallUpdateMock: jest.MockedFunction<() => void>;
+
+  beforeEach(() => {
+    useFakeTime("2015-10-21T07:28:00Z");
+
+    applicationBuilder = getApplicationBuilder();
+
+    applicationBuilder.beforeApplicationStart((mainDi) => {
+      checkForPlatformUpdatesMock = asyncFn();
+      downloadPlatformUpdateMock = asyncFn();
+
+      mainDi.override(
+        checkForPlatformUpdatesInjectable,
+        () => checkForPlatformUpdatesMock,
+      );
+
+      mainDi.override(
+        downloadPlatformUpdateInjectable,
+        () => downloadPlatformUpdateMock,
+      );
+
+      mainDi.override(electronUpdaterIsActiveInjectable, () => true);
+      mainDi.override(publishIsConfiguredInjectable, () => true);
+
+      quitAndInstallUpdateMock = jest.fn();
+      mainDi.override(quitAndInstallUpdateInjectable, () => quitAndInstallUpdateMock);
+    });
+  });
+
+  describe("when started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      rendered = await applicationBuilder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show update button yet", () => {
+      const button = rendered.queryByTestId("update-button");
+
+      expect(button).toBeNull();
+    });
+
+    describe("given the update check", () => {
+      let processCheckingForUpdates: (source: string) => Promise<{ updateIsReadyToBeInstalled: boolean }>;
+
+      beforeEach(async () => {
+        processCheckingForUpdates = applicationBuilder.mainDi.inject(
+          processCheckingForUpdatesInjectable,
+        );
+
+        processCheckingForUpdates("irrelevant");
+      });
+
+      describe("when update downloaded", () => {
+        let button: HTMLElement;
+
+        beforeEach(async () => {
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: true,
+            version: "some-version",
+          });
+
+          await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: true });
+
+          button = rendered.getByTestId("update-button");
+        });
+
+        it("shows update button to help user to update", () => {
+          expect(button).toBeInTheDocument();
+        });
+
+        it("has soft emotional indication in the button", () => {
+          expect(button).toHaveAttribute("data-warning-level", "light");
+        });
+
+        it("given closing the application window, when starting the application window again, still shows the button", async () => {
+          applicationBuilder.applicationWindow.closeAll();
+
+          const window = applicationBuilder.applicationWindow.create("some-window-id");
+
+          await window.start();
+
+          const button = window.rendered.queryByTestId("update-button");
+
+          expect(button).toBeInTheDocument();
+        });
+
+        describe("given some time passes, when checking for updates again", () => {
+          beforeEach(() => {
+            advanceFakeTime(daysToMilliseconds(2));
+
+            processCheckingForUpdates("irrelevant");
+          });
+
+          describe("when checking for updates resolves with same version that was previously downloaded", () => {
+            beforeEach(async () => {
+              await checkForPlatformUpdatesMock.resolve({
+                updateWasDiscovered: true,
+                version: "some-version",
+              });
+            });
+
+            it("when enough time from download passes for medium update encouragement, has medium emotional indication in the button", () => {
+              advanceFakeTime(daysToMilliseconds(20));
+
+              expect(button).toHaveAttribute("data-warning-level", "medium");
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+          });
+        });
+
+        describe("when button is clicked", () => {
+          beforeEach(() => {
+            act(() => button.click());
+          });
+
+          it("shows dropdown with update item", () => {
+            expect(rendered.getByTestId("update-lens-menu-item")).toBeInTheDocument();
+          });
+
+          it("when selected update now, restarts the application to update", () => {
+            const updateMenuItem = rendered.getByTestId("update-lens-menu-item");
+
+            act(() => updateMenuItem.click());
+
+            expect(quitAndInstallUpdateMock).toBeCalled();
+          });
+
+          it("when dropdown closed without clicking update item, does not restart the application to update", () => {
+            act(() => button.click());
+
+            expect(quitAndInstallUpdateMock).not.toBeCalled();
+          });
+        });
+
+        it("given just enough time passes for medium update encouragement, has medium emotional indication in the button", () => {
+          advanceFakeTime(daysToMilliseconds(22));
+
+          expect(button).toHaveAttribute("data-warning-level", "medium");
+        });
+
+        it("given just enough time passes for severe update encouragement, has severe emotional indication in the button", () => {
+          advanceFakeTime(daysToMilliseconds(26));
+
+          expect(button).toHaveAttribute("data-warning-level", "high");
+        });
+      });
+    });
+  });
+});
diff --git a/src/behaviours/application-update/installing-update-using-tray.test.ts b/src/features/application-update/installing-update-using-tray.test.ts
similarity index 59%
rename from src/behaviours/application-update/installing-update-using-tray.test.ts
rename to src/features/application-update/installing-update-using-tray.test.ts
index 0cf326d79d..9bcb140638 100644
--- a/src/behaviours/application-update/installing-update-using-tray.test.ts
+++ b/src/features/application-update/installing-update-using-tray.test.ts
@@ -13,27 +13,20 @@ import type { AsyncFnMock } from "@async-fn/jest";
 import asyncFn from "@async-fn/jest";
 import type { DownloadPlatformUpdate } from "../../main/application-update/download-platform-update/download-platform-update.injectable";
 import downloadPlatformUpdateInjectable from "../../main/application-update/download-platform-update/download-platform-update.injectable";
-import showApplicationWindowInjectable from "../../main/start-main-application/lens-window/show-application-window.injectable";
-import progressOfUpdateDownloadInjectable from "../../common/application-update/progress-of-update-download/progress-of-update-download.injectable";
-import type { TrayIconPaths } from "../../main/tray/tray-icon-path.injectable";
-import trayIconPathsInjectable from "../../main/tray/tray-icon-path.injectable";
+import type { LensWindow } from "../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
+import getCurrentApplicationWindowInjectable from "../../main/start-main-application/lens-window/application-window/get-current-application-window.injectable";
 
 describe("installing update using tray", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
   let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
-  let showApplicationWindowMock: jest.Mock;
-  let trayIconPaths: TrayIconPaths;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       checkForPlatformUpdatesMock = asyncFn();
       downloadPlatformUpdateMock = asyncFn();
-      showApplicationWindowMock = jest.fn();
-
-      mainDi.override(showApplicationWindowInjectable, () => showApplicationWindowMock);
 
       mainDi.override(
         checkForPlatformUpdatesInjectable,
@@ -47,7 +40,6 @@ describe("installing update using tray", () => {
 
       mainDi.override(electronUpdaterIsActiveInjectable, () => true);
       mainDi.override(publishIsConfiguredInjectable, () => true);
-      trayIconPaths = mainDi.inject(trayIconPathsInjectable);
     });
   });
 
@@ -55,50 +47,110 @@ describe("installing update using tray", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
       expect(rendered.baseElement).toMatchSnapshot();
     });
 
-    it("should use the normal tray icon", () => {
-      expect(applicationBuilder.tray.getIconPath()).toBe(trayIconPaths.normal);
+    it("user cannot install update yet", () => {
+      expect(builder.tray.get("install-update")).toBeNull();
     });
 
-    it("user cannot install update yet", () => {
-      expect(applicationBuilder.tray.get("install-update")).toBeNull();
+    describe("given all application windows are closed, when checking for updates", () => {
+      let getCurrentApplicationWindow: () => LensWindow | undefined;
+
+      beforeEach(() => {
+        getCurrentApplicationWindow = builder.mainDi.inject(
+          getCurrentApplicationWindowInjectable,
+        );
+
+        builder.applicationWindow.closeAll();
+
+        builder.tray.click("check-for-updates");
+      });
+
+      describe("when check for update resolves with new update", () => {
+        beforeEach(async () => {
+          await checkForPlatformUpdatesMock.resolve({
+            updateWasDiscovered: true,
+            version: "some-version",
+          });
+        });
+
+        it("does not show application window yet", () => {
+          const actual = getCurrentApplicationWindow();
+
+          expect(actual).toBeUndefined();
+        });
+
+        describe("when download of update resolves with success", () => {
+          beforeEach(async () => {
+            await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: true });
+          });
+
+          it("shows the application window", () => {
+            const actual = getCurrentApplicationWindow();
+
+            expect(actual).not.toBeUndefined();
+          });
+
+          it("given closing application window again and checking for updates again using tray, when check resolves with same version that was earlier downloaded, shows the application window", async () => {
+            builder.applicationWindow.closeAll();
+
+            builder.tray.click("check-for-updates");
+
+            await checkForPlatformUpdatesMock.resolve({
+              updateWasDiscovered: true,
+              version: "some-version",
+            });
+
+            const actual = getCurrentApplicationWindow();
+
+            expect(actual).not.toBeUndefined();
+          });
+        });
+
+        it("when download of update resolves with failure, does not show the application window", async () => {
+          await downloadPlatformUpdateMock.resolve({ downloadWasSuccessful: false });
+
+          const actual = getCurrentApplicationWindow();
+
+          expect(actual).toBeUndefined();
+        });
+      });
+
+      it("when process resolves without new update, does not show the application window", async () => {
+        await checkForPlatformUpdatesMock.resolve({
+          updateWasDiscovered: false,
+        });
+
+        const actual = getCurrentApplicationWindow();
+
+        expect(actual).toBeUndefined();
+      });
     });
 
     describe("when user checks for updates using tray", () => {
-      let processCheckingForUpdatesPromise: Promise<void>;
-
-      beforeEach(async () => {
-        processCheckingForUpdatesPromise = applicationBuilder.tray.click("check-for-updates");
-      });
-
-      it("does not show application window yet", () => {
-        expect(showApplicationWindowMock).not.toHaveBeenCalled();
-      });
-
-      it("should still use the normal tray icon", () => {
-        expect(applicationBuilder.tray.getIconPath()).toBe(trayIconPaths.normal);
+      beforeEach(() => {
+        builder.tray.click("check-for-updates");
       });
 
       it("user cannot check for updates again", () => {
         expect(
-          applicationBuilder.tray.get("check-for-updates")?.enabled.get(),
+          builder.tray.get("check-for-updates")?.enabled,
         ).toBe(false);
       });
 
       it("name of tray item for checking updates indicates that checking is happening", () => {
         expect(
-          applicationBuilder.tray.get("check-for-updates")?.label?.get(),
+          builder.tray.get("check-for-updates")?.label,
         ).toBe("Checking for updates...");
       });
 
       it("user cannot install update yet", () => {
-        expect(applicationBuilder.tray.get("install-update")).toBeNull();
+        expect(builder.tray.get("install-update")).toBeNull();
       });
 
       it("renders", () => {
@@ -110,31 +162,21 @@ describe("installing update using tray", () => {
           await checkForPlatformUpdatesMock.resolve({
             updateWasDiscovered: false,
           });
-
-          await processCheckingForUpdatesPromise;
-        });
-
-        it("shows application window", () => {
-          expect(showApplicationWindowMock).toHaveBeenCalled();
-        });
-
-        it("should still use the normal tray icon", () => {
-          expect(applicationBuilder.tray.getIconPath()).toBe(trayIconPaths.normal);
         });
 
         it("user cannot install update", () => {
-          expect(applicationBuilder.tray.get("install-update")).toBeNull();
+          expect(builder.tray.get("install-update")).toBeNull();
         });
 
         it("user can check for updates again", () => {
           expect(
-            applicationBuilder.tray.get("check-for-updates")?.enabled.get(),
+            builder.tray.get("check-for-updates")?.enabled,
           ).toBe(true);
         });
 
         it("name of tray item for checking updates no longer indicates that checking is happening", () => {
           expect(
-            applicationBuilder.tray.get("check-for-updates")?.label?.get(),
+            builder.tray.get("check-for-updates")?.label,
           ).toBe("Check for updates");
         });
 
@@ -149,44 +191,30 @@ describe("installing update using tray", () => {
             updateWasDiscovered: true,
             version: "some-version",
           });
-
-          await processCheckingForUpdatesPromise;
-        });
-
-        it("shows application window", () => {
-          expect(showApplicationWindowMock).toHaveBeenCalled();
-        });
-
-        it("should use the update available icon", () => {
-          expect(applicationBuilder.tray.getIconPath()).toBe(trayIconPaths.updateAvailable);
         });
 
         it("user cannot check for updates again yet", () => {
           expect(
-            applicationBuilder.tray.get("check-for-updates")?.enabled.get(),
+            builder.tray.get("check-for-updates")?.enabled,
           ).toBe(false);
         });
 
         it("name of tray item for checking updates indicates that downloading is happening", () => {
           expect(
-            applicationBuilder.tray.get("check-for-updates")?.label?.get(),
+            builder.tray.get("check-for-updates")?.label,
           ).toBe("Downloading update some-version (0%)...");
         });
 
         it("when download progresses with decimals, percentage increases as integers", () => {
-          const progressOfUpdateDownload = applicationBuilder.dis.mainDi.inject(
-            progressOfUpdateDownloadInjectable,
-          );
-
-          progressOfUpdateDownload.set({ percentage: 42.424242 });
+          downloadPlatformUpdateMock.mock.calls[0][0]({ percentage: 42.424242 });
 
           expect(
-            applicationBuilder.tray.get("check-for-updates")?.label?.get(),
+            builder.tray.get("check-for-updates")?.label,
           ).toBe("Downloading update some-version (42%)...");
         });
 
         it("user still cannot install update", () => {
-          expect(applicationBuilder.tray.get("install-update")).toBeNull();
+          expect(builder.tray.get("install-update")).toBeNull();
         });
 
         it("renders", () => {
@@ -200,23 +228,19 @@ describe("installing update using tray", () => {
 
           it("user cannot install update", () => {
             expect(
-              applicationBuilder.tray.get("install-update"),
+              builder.tray.get("install-update"),
             ).toBeNull();
           });
 
-          it("should revert to use the normal tray icon", () => {
-            expect(applicationBuilder.tray.getIconPath()).toBe(trayIconPaths.normal);
-          });
-
           it("user can check for updates again", () => {
             expect(
-              applicationBuilder.tray.get("check-for-updates")?.enabled.get(),
+              builder.tray.get("check-for-updates")?.enabled,
             ).toBe(true);
           });
 
           it("name of tray item for checking updates no longer indicates that downloading is happening", () => {
             expect(
-              applicationBuilder.tray.get("check-for-updates")?.label?.get(),
+              builder.tray.get("check-for-updates")?.label,
             ).toBe("Check for updates");
           });
 
@@ -232,23 +256,19 @@ describe("installing update using tray", () => {
 
           it("user can install update", () => {
             expect(
-              applicationBuilder.tray.get("install-update")?.label?.get(),
+              builder.tray.get("install-update")?.label,
             ).toBe("Install update some-version");
           });
 
-          it("should use the update available icon", () => {
-            expect(applicationBuilder.tray.getIconPath()).toBe(trayIconPaths.updateAvailable);
-          });
-
           it("user can check for updates again", () => {
             expect(
-              applicationBuilder.tray.get("check-for-updates")?.enabled.get(),
+              builder.tray.get("check-for-updates")?.enabled,
             ).toBe(true);
           });
 
           it("name of tray item for checking updates no longer indicates that downloading is happening", () => {
             expect(
-              applicationBuilder.tray.get("check-for-updates")?.label?.get(),
+              builder.tray.get("check-for-updates")?.label,
             ).toBe("Check for updates");
           });
 
diff --git a/src/behaviours/application-update/installing-update.test.ts b/src/features/application-update/installing-update.test.ts
similarity index 57%
rename from src/behaviours/application-update/installing-update.test.ts
rename to src/features/application-update/installing-update.test.ts
index 14cd107598..7063fcfaa1 100644
--- a/src/behaviours/application-update/installing-update.test.ts
+++ b/src/features/application-update/installing-update.test.ts
@@ -15,34 +15,30 @@ import asyncFn from "@async-fn/jest";
 import type { DownloadPlatformUpdate } from "../../main/application-update/download-platform-update/download-platform-update.injectable";
 import downloadPlatformUpdateInjectable from "../../main/application-update/download-platform-update/download-platform-update.injectable";
 import setUpdateOnQuitInjectable from "../../main/electron-app/features/set-update-on-quit.injectable";
-import type { AskBoolean } from "../../main/ask-boolean/ask-boolean.injectable";
-import askBooleanInjectable from "../../main/ask-boolean/ask-boolean.injectable";
-import showInfoNotificationInjectable from "../../renderer/components/notifications/show-info-notification.injectable";
 import processCheckingForUpdatesInjectable from "../../main/application-update/check-for-updates/process-checking-for-updates.injectable";
+import { useFakeTime } from "../../common/test-utils/use-fake-time";
+import staticFilesDirectoryInjectable from "../../common/vars/static-files-directory.injectable";
 
 describe("installing update", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let quitAndInstallUpdateMock: jest.Mock;
   let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
   let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
   let setUpdateOnQuitMock: jest.Mock;
-  let showInfoNotificationMock: jest.Mock;
-  let askBooleanMock: AsyncFnMock<AskBoolean>;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    useFakeTime("2015-10-21T07:28:00Z");
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
       quitAndInstallUpdateMock = jest.fn();
       checkForPlatformUpdatesMock = asyncFn();
       downloadPlatformUpdateMock = asyncFn();
       setUpdateOnQuitMock = jest.fn();
-      showInfoNotificationMock = jest.fn(() => () => {});
-      askBooleanMock = asyncFn();
 
-      rendererDi.override(showInfoNotificationInjectable, () => showInfoNotificationMock);
+      mainDi.override(staticFilesDirectoryInjectable, () => "/some-static-files-directory");
 
-      mainDi.override(askBooleanInjectable, () => askBooleanMock);
       mainDi.override(setUpdateOnQuitInjectable, () => setUpdateOnQuitMock);
 
       mainDi.override(
@@ -67,23 +63,29 @@ describe("installing update", () => {
 
   describe("when started", () => {
     let rendered: RenderResult;
-    let processCheckingForUpdates: (source: string) => Promise<void>;
+    let processCheckingForUpdates: (source: string) => Promise<{ updateIsReadyToBeInstalled: boolean }>;
 
     beforeEach(async () => {
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
 
-      processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+      processCheckingForUpdates = builder.mainDi.inject(
+        processCheckingForUpdatesInjectable,
+      );
     });
 
     it("renders", () => {
       expect(rendered.baseElement).toMatchSnapshot();
     });
 
-    describe("when user checks for updates", () => {
-      let processCheckingForUpdatesPromise: Promise<void>;
+    it("shows normal tray icon", () => {
+      expect(builder.tray.getIconPath()).toBe(
+        "/some-static-files-directory/icons/trayIconTemplate.png",
+      );
+    });
 
-      beforeEach(async () => {
-        processCheckingForUpdatesPromise = processCheckingForUpdates("irrelevant");
+    describe("when user checks for updates", () => {
+      beforeEach(() => {
+        processCheckingForUpdates("irrelevant");
       });
 
       it("checks for updates", () => {
@@ -93,8 +95,10 @@ describe("installing update", () => {
         );
       });
 
-      it("notifies the user that checking for updates is happening", () => {
-        expect(showInfoNotificationMock).toHaveBeenCalledWith("Checking for updates...");
+      it("shows tray icon for checking for updates", () => {
+        expect(builder.tray.getIconPath()).toBe(
+          "/some-static-files-directory/icons/trayIconCheckingForUpdatesTemplate.png",
+        );
       });
 
       it("renders", () => {
@@ -103,17 +107,15 @@ describe("installing update", () => {
 
       describe("when no new update is discovered", () => {
         beforeEach(async () => {
-          showInfoNotificationMock.mockClear();
-
           await checkForPlatformUpdatesMock.resolve({
             updateWasDiscovered: false,
           });
-
-          await processCheckingForUpdatesPromise;
         });
 
-        it("notifies the user", () => {
-          expect(showInfoNotificationMock).toHaveBeenCalledWith("No new updates available");
+        it("shows tray icon for normal", () => {
+          expect(builder.tray.getIconPath()).toBe(
+            "/some-static-files-directory/icons/trayIconTemplate.png",
+          );
         });
 
         it("does not start downloading update", () => {
@@ -131,16 +133,16 @@ describe("installing update", () => {
             updateWasDiscovered: true,
             version: "some-version",
           });
-
-          await processCheckingForUpdatesPromise;
         });
 
         it("starts downloading the update", () => {
           expect(downloadPlatformUpdateMock).toHaveBeenCalled();
         });
 
-        it("notifies the user that download is happening", () => {
-          expect(showInfoNotificationMock).toHaveBeenCalledWith("Download for version some-version started...");
+        it("still shows tray icon for downloading", () => {
+          expect(builder.tray.getIconPath()).toBe(
+            "/some-static-files-directory/icons/trayIconCheckingForUpdatesTemplate.png",
+          );
         });
 
         it("renders", () => {
@@ -156,12 +158,10 @@ describe("installing update", () => {
             expect(quitAndInstallUpdateMock).not.toHaveBeenCalled();
           });
 
-          it("notifies the user about failed download", () => {
-            expect(showInfoNotificationMock).toHaveBeenCalledWith("Download of update failed");
-          });
-
-          it("does not ask user to install update", () => {
-            expect(askBooleanMock).not.toHaveBeenCalled();
+          it("still shows normal tray icon", () => {
+            expect(builder.tray.getIconPath()).toBe(
+              "/some-static-files-directory/icons/trayIconTemplate.png",
+            );
           });
 
           it("renders", () => {
@@ -178,44 +178,65 @@ describe("installing update", () => {
             expect(quitAndInstallUpdateMock).not.toHaveBeenCalled();
           });
 
+          it("shows tray icon for update being available", () => {
+            expect(builder.tray.getIconPath()).toBe(
+              "/some-static-files-directory/icons/trayIconUpdateAvailableTemplate.png",
+            );
+          });
+
           it("renders", () => {
             expect(rendered.baseElement).toMatchSnapshot();
           });
 
-          it("asks user to install update immediately", () => {
-            expect(askBooleanMock).toHaveBeenCalledWith({
-              title: "Update Available",
-              question:
-                "Version some-version of Lens IDE is available and ready to be installed. Would you like to update now?\n\n" +
-                "Lens should restart automatically, if it doesn't please restart manually. Installed extensions might require updating.",
-            });
-          });
+          describe("given checking for updates again", () => {
+            beforeEach(() => {
+              downloadPlatformUpdateMock.mockClear();
 
-          describe("when user answers to install the update", () => {
-            beforeEach(async () => {
-              await askBooleanMock.resolve(true);
+              processCheckingForUpdates("irrelevant");
             });
 
-            it("renders", () => {
-              expect(rendered.baseElement).toMatchSnapshot();
+            it("shows tray icon for checking for updates", () => {
+              expect(builder.tray.getIconPath()).toBe(
+                "/some-static-files-directory/icons/trayIconCheckingForUpdatesTemplate.png",
+              );
             });
 
-            it("quits application and installs the update", () => {
-              expect(quitAndInstallUpdateMock).toHaveBeenCalled();
-            });
-          });
+            describe("when check resolves with same update that is already downloaded", () => {
+              beforeEach(async () => {
+                await checkForPlatformUpdatesMock.resolve({
+                  updateWasDiscovered: true,
+                  version: "some-version",
+                });
+              });
 
-          describe("when user answers not to install the update", () => {
-            beforeEach(async () => {
-              await askBooleanMock.resolve(false);
+              it("does not re-download the update", () => {
+                expect(downloadPlatformUpdateMock).not.toHaveBeenCalled();
+              });
+
+              it("shows tray icon for update being available", () => {
+                expect(builder.tray.getIconPath()).toBe(
+                  "/some-static-files-directory/icons/trayIconUpdateAvailableTemplate.png",
+                );
+              });
             });
 
-            it("renders", () => {
-              expect(rendered.baseElement).toMatchSnapshot();
-            });
+            describe("when check resolves with different update that was previously downloaded", () => {
+              beforeEach(async () => {
+                await checkForPlatformUpdatesMock.resolve({
+                  updateWasDiscovered: true,
+                  version: "some-other-version",
+                });
+              });
 
-            it("does not quit application and install the update", () => {
-              expect(quitAndInstallUpdateMock).not.toHaveBeenCalled();
+              it("downloads the update", () => {
+                expect(downloadPlatformUpdateMock).toHaveBeenCalled();
+              });
+
+              it("shows tray icon for downloading update", () => {
+                expect(builder.tray.getIconPath()).toBe(
+                  "/some-static-files-directory/icons/trayIconCheckingForUpdatesTemplate.png",
+                );
+              });
             });
           });
         });
diff --git a/src/behaviours/application-update/periodical-checking-of-updates.test.ts b/src/features/application-update/periodical-checking-of-updates.test.ts
similarity index 80%
rename from src/behaviours/application-update/periodical-checking-of-updates.test.ts
rename to src/features/application-update/periodical-checking-of-updates.test.ts
index e81c002e34..e5c7b1c17c 100644
--- a/src/behaviours/application-update/periodical-checking-of-updates.test.ts
+++ b/src/features/application-update/periodical-checking-of-updates.test.ts
@@ -7,27 +7,26 @@ import { getApplicationBuilder } from "../../renderer/components/test-utils/get-
 import type { RenderResult } from "@testing-library/react";
 import electronUpdaterIsActiveInjectable from "../../main/electron-app/features/electron-updater-is-active.injectable";
 import publishIsConfiguredInjectable from "../../main/application-update/publish-is-configured.injectable";
-import type { AsyncFnMock } from "@async-fn/jest";
-import asyncFn from "@async-fn/jest";
 import processCheckingForUpdatesInjectable from "../../main/application-update/check-for-updates/process-checking-for-updates.injectable";
 import periodicalCheckForUpdatesInjectable from "../../main/application-update/periodical-check-for-updates/periodical-check-for-updates.injectable";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
 
 const ENOUGH_TIME = 1000 * 60 * 60 * 2;
 
 describe("periodical checking of updates", () => {
-  let applicationBuilder: ApplicationBuilder;
-  let processCheckingForUpdatesMock: AsyncFnMock<() => Promise<void>>;
+  let builder: ApplicationBuilder;
+  let processCheckingForUpdatesMock: jest.Mock;
 
   beforeEach(() => {
-    jest.useFakeTimers();
+    useFakeTime("2015-10-21T07:28:00Z");
 
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.unoverride(periodicalCheckForUpdatesInjectable);
       mainDi.permitSideEffects(periodicalCheckForUpdatesInjectable);
 
-      processCheckingForUpdatesMock = asyncFn();
+      processCheckingForUpdatesMock = jest.fn();
 
       mainDi.override(
         processCheckingForUpdatesInjectable,
@@ -40,12 +39,12 @@ describe("periodical checking of updates", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+      builder.beforeApplicationStart((mainDi) => {
         mainDi.override(electronUpdaterIsActiveInjectable, () => true);
         mainDi.override(publishIsConfiguredInjectable, () => true);
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -59,7 +58,7 @@ describe("periodical checking of updates", () => {
     it("when just not enough time passes, does not check for updates again automatically yet", () => {
       processCheckingForUpdatesMock.mockClear();
 
-      jest.advanceTimersByTime(ENOUGH_TIME - 1);
+      advanceFakeTime(ENOUGH_TIME - 1);
 
       expect(processCheckingForUpdatesMock).not.toHaveBeenCalled();
     });
@@ -67,7 +66,7 @@ describe("periodical checking of updates", () => {
     it("when just enough time passes, checks for updates again automatically", () => {
       processCheckingForUpdatesMock.mockClear();
 
-      jest.advanceTimersByTime(ENOUGH_TIME);
+      advanceFakeTime(ENOUGH_TIME);
 
       expect(processCheckingForUpdatesMock).toHaveBeenCalled();
     });
@@ -75,12 +74,12 @@ describe("periodical checking of updates", () => {
 
   describe("given updater is enabled but no configuration exist, when started", () => {
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+      builder.beforeApplicationStart((mainDi) => {
         mainDi.override(electronUpdaterIsActiveInjectable, () => true);
         mainDi.override(publishIsConfiguredInjectable, () => false);
       });
 
-      await applicationBuilder.render();
+      await builder.render();
     });
 
     it("does not check for updates", () => {
@@ -96,12 +95,12 @@ describe("periodical checking of updates", () => {
 
   describe("given updater is not enabled but and configuration exist, when started", () => {
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+      builder.beforeApplicationStart((mainDi) => {
         mainDi.override(electronUpdaterIsActiveInjectable, () => false);
         mainDi.override(publishIsConfiguredInjectable, () => true);
       });
 
-      await applicationBuilder.render();
+      await builder.render();
     });
 
     it("does not check for updates", () => {
diff --git a/src/behaviours/application-update/selection-of-update-stability.test.ts b/src/features/application-update/selection-of-update-stability.test.ts
similarity index 82%
rename from src/behaviours/application-update/selection-of-update-stability.test.ts
rename to src/features/application-update/selection-of-update-stability.test.ts
index 1fd6e22dbd..56937ab0b4 100644
--- a/src/behaviours/application-update/selection-of-update-stability.test.ts
+++ b/src/features/application-update/selection-of-update-stability.test.ts
@@ -19,35 +19,29 @@ import downloadPlatformUpdateInjectable from "../../main/application-update/down
 import selectedUpdateChannelInjectable from "../../common/application-update/selected-update-channel/selected-update-channel.injectable";
 import type { IComputedValue } from "mobx";
 import setUpdateOnQuitInjectable from "../../main/electron-app/features/set-update-on-quit.injectable";
-import type { AskBoolean } from "../../main/ask-boolean/ask-boolean.injectable";
-import askBooleanInjectable from "../../main/ask-boolean/ask-boolean.injectable";
 import showInfoNotificationInjectable from "../../renderer/components/notifications/show-info-notification.injectable";
 import processCheckingForUpdatesInjectable from "../../main/application-update/check-for-updates/process-checking-for-updates.injectable";
-import appVersionInjectable from "../../common/get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../../common/vars/app-version.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
 
 describe("selection of update stability", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let quitAndInstallUpdateMock: jest.Mock;
   let checkForPlatformUpdatesMock: AsyncFnMock<CheckForPlatformUpdates>;
   let downloadPlatformUpdateMock: AsyncFnMock<DownloadPlatformUpdate>;
   let setUpdateOnQuitMock: jest.Mock;
   let showInfoNotificationMock: jest.Mock;
-  let askBooleanMock: AsyncFnMock<AskBoolean>;
+  let mainDi: DiContainer;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       quitAndInstallUpdateMock = jest.fn();
       checkForPlatformUpdatesMock = asyncFn();
       downloadPlatformUpdateMock = asyncFn();
       setUpdateOnQuitMock = jest.fn();
-      showInfoNotificationMock = jest.fn(() => () => {});
-      askBooleanMock = asyncFn();
 
-      rendererDi.override(showInfoNotificationInjectable, () => showInfoNotificationMock);
-
-      mainDi.override(askBooleanInjectable, () => askBooleanMock);
       mainDi.override(setUpdateOnQuitInjectable, () => setUpdateOnQuitMock);
 
       mainDi.override(
@@ -68,16 +62,24 @@ describe("selection of update stability", () => {
       mainDi.override(electronUpdaterIsActiveInjectable, () => true);
       mainDi.override(publishIsConfiguredInjectable, () => true);
     });
+
+    builder.beforeWindowStart((windowDi) => {
+      showInfoNotificationMock = jest.fn(() => () => {});
+
+      windowDi.override(showInfoNotificationInjectable, () => showInfoNotificationMock);
+    });
+
+    mainDi = builder.mainDi;
   });
 
   describe("when started", () => {
     let rendered: RenderResult;
-    let processCheckingForUpdates: (source: string) => Promise<void>;
+    let processCheckingForUpdates: (source: string) => Promise<{ updateIsReadyToBeInstalled: boolean }>;
 
     beforeEach(async () => {
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
 
-      processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+      processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
     });
 
     it("renders", () => {
@@ -91,7 +93,7 @@ describe("selection of update stability", () => {
       };
 
       beforeEach(() => {
-        selectedUpdateChannel = applicationBuilder.dis.mainDi.inject(
+        selectedUpdateChannel = mainDi.inject(
           selectedUpdateChannelInjectable,
         );
 
@@ -182,7 +184,7 @@ describe("selection of update stability", () => {
       };
 
       beforeEach(() => {
-        selectedUpdateChannel = applicationBuilder.dis.mainDi.inject(
+        selectedUpdateChannel = mainDi.inject(
           selectedUpdateChannelInjectable,
         );
 
@@ -229,7 +231,7 @@ describe("selection of update stability", () => {
   });
 
   it("given valid update channel selection is stored, when checking for updates, checks for updates from the update channel", async () => {
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       // TODO: Switch to more natural way of setting initial value
       // TODO: UserStore is currently responsible for getting and setting initial value
       const selectedUpdateChannel = mainDi.inject(selectedUpdateChannelInjectable);
@@ -237,9 +239,9 @@ describe("selection of update stability", () => {
       selectedUpdateChannel.setValue(updateChannels.beta.id);
     });
 
-    await applicationBuilder.render();
+    await builder.render();
 
-    const processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
 
     processCheckingForUpdates("irrelevant");
 
@@ -247,7 +249,7 @@ describe("selection of update stability", () => {
   });
 
   it("given invalid update channel selection is stored, when checking for updates, checks for updates from the update channel", async () => {
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       // TODO: Switch to more natural way of setting initial value
       // TODO: UserStore is currently responsible for getting and setting initial value
       const selectedUpdateChannel = mainDi.inject(selectedUpdateChannelInjectable);
@@ -255,9 +257,9 @@ describe("selection of update stability", () => {
       selectedUpdateChannel.setValue("something-invalid" as UpdateChannelId);
     });
 
-    await applicationBuilder.render();
+    await builder.render();
 
-    const processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
 
     processCheckingForUpdates("irrelevant");
 
@@ -265,13 +267,13 @@ describe("selection of update stability", () => {
   });
 
   it('given no update channel selection is stored and currently using stable release, when user checks for updates, checks for updates from "latest" update channel by default', async () => {
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(appVersionInjectable, () => "1.0.0");
     });
 
-    await applicationBuilder.render();
+    await builder.render();
 
-    const processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
 
     processCheckingForUpdates("irrelevant");
 
@@ -282,13 +284,13 @@ describe("selection of update stability", () => {
   });
 
   it('given no update channel selection is stored and currently using alpha release, when checking for updates, checks for updates from "alpha" channel', async () => {
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(appVersionInjectable, () => "1.0.0-alpha");
     });
 
-    await applicationBuilder.render();
+    await builder.render();
 
-    const processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
 
     processCheckingForUpdates("irrelevant");
 
@@ -296,13 +298,13 @@ describe("selection of update stability", () => {
   });
 
   it('given no update channel selection is stored and currently using beta release, when checking for updates, checks for updates from "beta" channel', async () => {
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(appVersionInjectable, () => "1.0.0-beta");
     });
 
-    await applicationBuilder.render();
+    await builder.render();
 
-    const processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
 
     processCheckingForUpdates("irrelevant");
 
@@ -310,7 +312,7 @@ describe("selection of update stability", () => {
   });
 
   it("given update channel selection is stored and currently using prerelease, when checking for updates, checks for updates from stored channel", async () => {
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(appVersionInjectable, () => "1.0.0-alpha");
 
       // TODO: Switch to more natural way of setting initial value
@@ -320,9 +322,9 @@ describe("selection of update stability", () => {
       selectedUpdateChannel.setValue(updateChannels.beta.id);
     });
 
-    await applicationBuilder.render();
+    await builder.render();
 
-    const processCheckingForUpdates = applicationBuilder.dis.mainDi.inject(processCheckingForUpdatesInjectable);
+    const processCheckingForUpdates = mainDi.inject(processCheckingForUpdatesInjectable);
 
     processCheckingForUpdates("irrelevant");
 
diff --git a/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap b/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
new file mode 100644
index 0000000000..7f76811494
--- /dev/null
+++ b/src/features/cluster/__snapshots__/order-of-sidebar-items.test.tsx.snap
@@ -0,0 +1,1173 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster - order of sidebar items when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-another-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-another-parent-id"
+              href="/"
+            >
+              <span>
+                Some another parent
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-other-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-other-parent-id"
+              href="/"
+            >
+              <span>
+                Some other parent
+              </span>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - order of sidebar items when rendered when parent is expanded renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-parent-id"
+                data-testid="sidebar-item-some-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Some child
+                  </span>
+                </a>
+              </div>
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-parent-id"
+                data-testid="sidebar-item-some-another-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-another-child-id"
+                  href="/"
+                >
+                  <span>
+                    Some another child
+                  </span>
+                </a>
+              </div>
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-parent-id"
+                data-testid="sidebar-item-some-other-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-other-child-id"
+                  href="/"
+                >
+                  <span>
+                    Some other child
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-another-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-another-parent-id"
+              href="/"
+            >
+              <span>
+                Some another parent
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-other-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-other-parent-id"
+              href="/"
+            >
+              <span>
+                Some other parent
+              </span>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
new file mode 100644
index 0000000000..49fcc917a4
--- /dev/null
+++ b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-core.test.tsx.snap
@@ -0,0 +1,3551 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given empty state for expanded sidebar items already exists, when rendered renders without errors 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given no initially persisted state for sidebar items, when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-parent-id"
+                data-testid="sidebar-item-some-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Some child
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu active"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="true"
+                data-parent-id-test="some-parent-id"
+                data-testid="sidebar-item-some-child-id"
+              >
+                <a
+                  aria-current="page"
+                  class="navItem active"
+                  data-testid="sidebar-item-link-for-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Some child
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        data-testid="some-child-page"
+      />
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        data-testid="some-child-page"
+      />
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given state for expanded sidebar items already exists, when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-parent-id"
+                data-testid="sidebar-item-some-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Some child
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for core given core registrations given state for expanded unknown sidebar items already exists, when rendered renders without errors 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-parent-id"
+              href="/"
+            >
+              <div
+                data-testid="some-icon-for-parent"
+              />
+              <span>
+                Some parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
new file mode 100644
index 0000000000..fff3da0126
--- /dev/null
+++ b/src/features/cluster/__snapshots__/sidebar-and-tab-navigation-for-extensions.test.tsx.snap
@@ -0,0 +1,4165 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given empty state for expanded sidebar items already exists, when rendered renders without errors 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 1
+                  </span>
+                </a>
+              </div>
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-other-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 2
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu active"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="true"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-child-id"
+              >
+                <a
+                  aria-current="page"
+                  class="navItem active"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 1
+                  </span>
+                </a>
+              </div>
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-other-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 2
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-some-extension-name-some-child-id"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Child 1
+            </div>
+          </div>
+          <div
+            class="Tab flex gaps align-center"
+            data-is-active-test="false"
+            data-testid="tab-link-for-some-extension-name-some-other-child-id"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Child 2
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            data-testid="some-child-page"
+          >
+            Some child page
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no initially persisted state for sidebar items, when rendered when a parent sidebar item is expanded when a child of the parent is selected when selecting sibling tab renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu active"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 1
+                  </span>
+                </a>
+              </div>
+              <div
+                class="SidebarItem"
+                data-is-active-test="true"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-other-child-id"
+              >
+                <a
+                  aria-current="page"
+                  class="navItem active"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 2
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center"
+            data-is-active-test="false"
+            data-testid="tab-link-for-some-extension-name-some-child-id"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Child 1
+            </div>
+          </div>
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-some-extension-name-some-other-child-id"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Child 2
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            data-testid="some-other-child-page"
+          >
+            Some other child page
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-some-extension-name-some-child-id"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Child 1
+            </div>
+          </div>
+          <div
+            class="Tab flex gaps align-center"
+            data-is-active-test="false"
+            data-testid="tab-link-for-some-extension-name-some-other-child-id"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Child 2
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            data-testid="some-child-page"
+          >
+            Some child page
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given state for expanded sidebar items already exists, when rendered renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+            </a>
+            <ul
+              class="subMenu"
+            >
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 1
+                  </span>
+                </a>
+              </div>
+              <div
+                class="SidebarItem"
+                data-is-active-test="false"
+                data-parent-id-test="some-extension-name-some-parent-id"
+                data-testid="sidebar-item-some-extension-name-some-other-child-id"
+              >
+                <a
+                  class="navItem"
+                  data-testid="sidebar-item-link-for-some-extension-name-some-other-child-id"
+                  href="/"
+                >
+                  <span>
+                    Child 2
+                  </span>
+                </a>
+              </div>
+            </ul>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - sidebar and tab navigation for extensions given extension with cluster pages and cluster page menus given state for expanded unknown sidebar items already exists, when rendered renders without errors 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-extension-name-some-parent-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-extension-name-some-parent-id"
+              href="/"
+            >
+              <div>
+                Some icon
+              </div>
+              <span>
+                Parent
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap b/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
new file mode 100644
index 0000000000..ed36d5134f
--- /dev/null
+++ b/src/features/cluster/__snapshots__/visibility-of-sidebar-items.test.tsx.snap
@@ -0,0 +1,1051 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster - visibility of sidebar items given kube resource for route is not allowed renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`cluster - visibility of sidebar items given kube resource for route is not allowed when kube resource becomes allowed renders 1`] = `
+<div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+  <div
+    class="mainLayout"
+    style="--sidebar-width: 200px;"
+  >
+    <div
+      class="sidebar"
+    >
+      <div
+        class="flex flex-col"
+        data-testid="cluster-sidebar"
+      >
+        <div
+          class="SidebarCluster"
+        >
+          <div
+            class="Avatar rounded loadingAvatar"
+            style="width: 40px; height: 40px;"
+          >
+            ??
+          </div>
+          <div
+            class="loadingClusterName"
+          />
+        </div>
+        <div
+          class="sidebarNav sidebar-active-status"
+        >
+          <div
+            class="SidebarItem"
+            data-is-active-test="true"
+            data-testid="sidebar-item-workloads"
+          >
+            <a
+              aria-current="page"
+              class="navItem active"
+              data-testid="sidebar-item-link-for-workloads"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Workloads
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-config"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-config"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="list"
+                >
+                  list
+                </span>
+              </i>
+              <span>
+                Config
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-some-item-id"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-some-item-id"
+              href="/"
+            >
+              <span>
+                Some item
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-network"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-network"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="device_hub"
+                >
+                  device_hub
+                </span>
+              </i>
+              <span>
+                Network
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-storage"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-storage"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="storage"
+                >
+                  storage
+                </span>
+              </i>
+              <span>
+                Storage
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-namespaces"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-namespaces"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="layers"
+                >
+                  layers
+                </span>
+              </i>
+              <span>
+                Namespaces
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-helm"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-helm"
+              href="/"
+            >
+              <i
+                class="Icon svg focusable"
+              >
+                <span
+                  class="icon"
+                />
+              </i>
+              <span>
+                Helm
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-user-management"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-user-management"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="security"
+                >
+                  security
+                </span>
+              </i>
+              <span>
+                Access Control
+              </span>
+            </a>
+          </div>
+          <div
+            class="SidebarItem"
+            data-is-active-test="false"
+            data-testid="sidebar-item-custom-resources"
+          >
+            <a
+              class="navItem"
+              data-testid="sidebar-item-link-for-custom-resources"
+              href="/"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="extension"
+                >
+                  extension
+                </span>
+              </i>
+              <span>
+                Custom Resources
+              </span>
+              <i
+                class="Icon expandIcon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div
+        class="ResizingAnchor horizontal trailing"
+      />
+    </div>
+    <div
+      class="contents"
+    >
+      <div
+        class="TabLayout"
+        data-testid="tab-layout"
+      >
+        <div
+          class="Tabs center scrollable"
+        >
+          <div
+            class="Tab flex gaps align-center active"
+            data-is-active-test="true"
+            data-testid="tab-link-for-overview"
+            role="tab"
+            tabindex="0"
+          >
+            <div
+              class="label"
+            >
+              Overview
+            </div>
+          </div>
+        </div>
+        <main>
+          <div
+            class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
+          >
+            <div
+              class="header flex gaps align-center"
+            >
+              <h5
+                class="box grow"
+              >
+                Overview
+              </h5>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
+                <div
+                  class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-overview-namespace-select-filter-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-overview-namespace-select-filter-input-placeholder"
+                      >
+                        All namespaces
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="overview-namespace-select-filter-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="OverviewStatuses"
+            >
+              <div
+                class="workloads"
+              />
+            </div>
+          </div>
+        </main>
+      </div>
+    </div>
+    <div
+      class="footer"
+    >
+      <div
+        class="Dock"
+        tabindex="-1"
+      >
+        <div
+          class="ResizingAnchor vertical leading"
+        />
+        <div
+          class="tabs-container flex align-center"
+        >
+          <div
+            class="dockTabs"
+            role="tablist"
+          >
+            <div
+              class="Tabs tabs"
+            >
+              <div
+                class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
+                id="tab-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="terminal"
+                  >
+                    terminal
+                  </span>
+                </i>
+                <div
+                  class="label"
+                >
+                  <div
+                    class="flex align-center"
+                  >
+                    <span
+                      class="title"
+                    >
+                      Terminal
+                    </span>
+                    <div
+                      class="close"
+                    >
+                      <i
+                        class="Icon material interactive focusable small"
+                        tabindex="0"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="close"
+                        >
+                          close
+                        </span>
+                      </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="toolbar flex gaps align-center box grow"
+          >
+            <div
+              class="dock-menu box grow"
+            >
+              <i
+                class="Icon new-dock-tab material interactive focusable"
+                id="menu-actions-for-dock"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="add"
+                >
+                  add
+                </span>
+              </i>
+              <div>
+                New tab
+              </div>
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="fullscreen"
+              >
+                fullscreen
+              </span>
+            </i>
+            <div>
+              Fit to window
+            </div>
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="keyboard_arrow_up"
+              >
+                keyboard_arrow_up
+              </span>
+            </i>
+            <div>
+              Open
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap b/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
new file mode 100644
index 0000000000..6dbe47992f
--- /dev/null
+++ b/src/features/cluster/__snapshots__/workload-overview.test.tsx.snap
@@ -0,0 +1,562 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`workload overview when navigating to workload overview renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-pods"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Pods
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                >
+                  <div
+                    class="workload"
+                  >
+                    <div
+                      class="title"
+                    >
+                      <a>
+                        Pods (0)
+                      </a>
+                    </div>
+                    <div
+                      class="OverviewWorkloadStatus"
+                    >
+                      <div
+                        class="flex column align-center box grow"
+                      >
+                        <div
+                          class="Chart PieChart flex column align-center"
+                          data-testid="workload-overview-status-chart-pods"
+                        >
+                          <div
+                            class="chart-container"
+                          >
+                            <canvas
+                              class="chartjs-render-monitor"
+                              height="0"
+                              style="display: block;"
+                              width="0"
+                            />
+                            <div
+                              class="chartjs-tooltip flex column"
+                            />
+                          </div>
+                          <div
+                            class="legend flex wrap"
+                          />
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..d7daa6bf14
--- /dev/null
+++ b/src/features/cluster/extension-api/__snapshots__/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1402 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension should be enabled for the cluster, when navigating renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          data-testid="some-test-page"
+        >
+          Some page
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable-cluster-pages-when-cluster-is-not-relevant given extension shouldn't be enabled for the cluster, when navigating renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable-cluster-pages-when-cluster-is-not-relevant given not yet known if extension should be enabled for the cluster, when navigating renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..3dde5af5d5
--- /dev/null
+++ b/src/features/cluster/extension-api/__snapshots__/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1540 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable sidebar items when cluster is not relevant given extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-test-extension-some-sidebar-item"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-test-extension-some-sidebar-item"
+                href="/"
+              >
+                <div>
+                  Some icon
+                </div>
+                <span>
+                  Some sidebar item
+                </span>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable sidebar items when cluster is not relevant given extension shouldn't be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable sidebar items when cluster is not relevant given not yet known if extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/extension-api/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx b/src/features/cluster/extension-api/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..0c69f49f80
--- /dev/null
+++ b/src/features/cluster/extension-api/disable-cluster-pages-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import type { TestExtensionRenderer } from "../../../renderer/components/test-utils/get-extension-fake";
+import type { KubernetesCluster } from "../../../common/catalog-entities";
+import React from "react";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+
+describe("disable-cluster-pages-when-cluster-is-not-relevant", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let rendererTestExtension: TestExtensionRenderer;
+  let isEnabledForClusterMock: AsyncFnMock<(cluster: KubernetesCluster) => Promise<boolean>>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+    });
+
+    isEnabledForClusterMock = asyncFn();
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        isEnabledForCluster: isEnabledForClusterMock,
+
+        clusterPages: [{
+          components: {
+            Page: () => <div data-testid="some-test-page">Some page</div>,
+          },
+        }],
+      },
+    };
+
+    rendered = await builder.render();
+
+    builder.extensions.enable(testExtension);
+
+    rendererTestExtension =
+      builder.extensions.get("test-extension-id").applicationWindows.only;
+  });
+
+  describe("given not yet known if extension should be enabled for the cluster, when navigating", () => {
+    beforeEach(() => {
+      rendererTestExtension.navigate();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the page", () => {
+      const actual = rendered.queryByTestId("some-test-page");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension shouldn't be enabled for the cluster, when navigating", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(false);
+
+      rendererTestExtension.navigate();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the page", () => {
+      const actual = rendered.queryByTestId("some-test-page");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension should be enabled for the cluster, when navigating", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(true);
+
+      rendererTestExtension.navigate();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the page", () => {
+      const actual = rendered.getByTestId("some-test-page");
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx b/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..f94a0049d9
--- /dev/null
+++ b/src/features/cluster/extension-api/disable-sidebar-items-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,110 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import type { KubernetesCluster } from "../../../common/catalog-entities";
+import React from "react";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+
+describe("disable sidebar items when cluster is not relevant", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let isEnabledForClusterMock: AsyncFnMock<(cluster: KubernetesCluster) => Promise<boolean>>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+    });
+
+    isEnabledForClusterMock = asyncFn();
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        isEnabledForCluster: isEnabledForClusterMock,
+
+        clusterPages: [{
+          components: {
+            Page: () => <div data-testid="some-test-page">Some page</div>,
+          },
+        }],
+
+        clusterPageMenus: [
+          {
+            id: "some-sidebar-item",
+            title: "Some sidebar item",
+
+            components: {
+              Icon: () => <div>Some icon</div>,
+            },
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    builder.extensions.enable(testExtension);
+  });
+
+  describe("given not yet known if extension should be enabled for the cluster", () => {
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the sidebar item", () => {
+      const actual = rendered.queryByTestId(
+        "sidebar-item-some-extension-name-some-sidebar-item",
+      );
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension shouldn't be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(false);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the sidebar item", () => {
+      const actual = rendered.queryByTestId(
+        "sidebar-item-some-extension-name-some-sidebar-item",
+      );
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension should be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(true);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the sidebar item", () => {
+      const actual = rendered.getByTestId(
+        "sidebar-item-test-extension-some-sidebar-item",
+      );
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/features/cluster/extension-api/reactively-disable-cluster-pages.test.tsx b/src/features/cluster/extension-api/reactively-disable-cluster-pages.test.tsx
new file mode 100644
index 0000000000..57dc83d810
--- /dev/null
+++ b/src/features/cluster/extension-api/reactively-disable-cluster-pages.test.tsx
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { IObservableValue } from "mobx";
+import { observable, runInAction, computed } from "mobx";
+import React from "react";
+import type { TestExtensionRenderer } from "../../../renderer/components/test-utils/get-extension-fake";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+
+describe("reactively disable cluster pages", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+  let testExtensionInstance: TestExtensionRenderer;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    someObservable = observable.box(false);
+
+    const testExtensionOptions = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        clusterPages: [{
+          components: {
+            Page: () => <div data-testid="some-test-page">Some page</div>,
+          },
+
+          enabled: computed(() => someObservable.get()),
+        }],
+      },
+    };
+
+    rendered = await builder.render();
+
+    builder.extensions.enable(testExtensionOptions);
+
+    testExtensionInstance =
+      builder.extensions.get("test-extension-id").applicationWindows.only;
+  });
+
+  it("when navigating to the page, does not show the page", () => {
+    testExtensionInstance.navigate();
+
+    const actual = rendered.queryByTestId("some-test-page");
+
+    expect(actual).not.toBeInTheDocument();
+  });
+
+  it("given page becomes enabled, when navigating to the page, shows the page", () => {
+    runInAction(() => {
+      someObservable.set(true);
+    });
+
+    testExtensionInstance.navigate();
+
+    const actual = rendered.queryByTestId("some-test-page");
+
+    expect(actual).toBeInTheDocument();
+  });
+});
diff --git a/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..60f0d0095a
--- /dev/null
+++ b/src/features/cluster/kube-object-details/extension-api/__snapshots__/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1409 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable kube object detail items when cluster is not relevant given extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="Animate slide-right Drawer KubeObjectDetails flex column right enter"
+          style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+        >
+          <div
+            class="drawer-wrapper flex column"
+          >
+            <div
+              class="drawer-title flex align-center"
+            >
+              <div
+                class="drawer-title-text flex gaps align-center"
+              >
+                some-kind: some-name
+                <i
+                  class="Icon material interactive focusable"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="content_copy"
+                  >
+                    content_copy
+                  </span>
+                </i>
+                <div>
+                  Copy
+                </div>
+              </div>
+              <ul
+                class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+                id="menu-actions-for-kube-object-menu-for-some-uid"
+              />
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="close"
+                >
+                  close
+                </span>
+              </i>
+              <div>
+                Close
+              </div>
+            </div>
+            <div
+              class="drawer-content flex column box grow"
+            >
+              <div
+                data-testid="some-kube-object-detail-item"
+              >
+                Some detail
+              </div>
+            </div>
+          </div>
+          <div
+            class="ResizingAnchor horizontal leading"
+          />
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable kube object detail items when cluster is not relevant given extension shouldn't be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="Animate slide-right Drawer KubeObjectDetails flex column right enter"
+          style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+        >
+          <div
+            class="drawer-wrapper flex column"
+          >
+            <div
+              class="drawer-title flex align-center"
+            >
+              <div
+                class="drawer-title-text flex gaps align-center"
+              >
+                some-kind: some-name
+                <i
+                  class="Icon material interactive focusable"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="content_copy"
+                  >
+                    content_copy
+                  </span>
+                </i>
+                <div>
+                  Copy
+                </div>
+              </div>
+              <ul
+                class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+                id="menu-actions-for-kube-object-menu-for-some-uid"
+              />
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="close"
+                >
+                  close
+                </span>
+              </i>
+              <div>
+                Close
+              </div>
+            </div>
+            <div
+              class="drawer-content flex column box grow"
+            >
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Created
+                </span>
+                <span
+                  class="value"
+                >
+                  &lt;unknown&gt;
+                   ago 
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Name
+                </span>
+                <span
+                  class="value"
+                >
+                  some-name
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Namespace
+                </span>
+                <span
+                  class="value"
+                >
+                  some-namespace
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="ResizingAnchor horizontal leading"
+          />
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable kube object detail items when cluster is not relevant given not yet known if extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="Animate slide-right Drawer KubeObjectDetails flex column right enter"
+          style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+        >
+          <div
+            class="drawer-wrapper flex column"
+          >
+            <div
+              class="drawer-title flex align-center"
+            >
+              <div
+                class="drawer-title-text flex gaps align-center"
+              >
+                some-kind: some-name
+                <i
+                  class="Icon material interactive focusable"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="content_copy"
+                  >
+                    content_copy
+                  </span>
+                </i>
+                <div>
+                  Copy
+                </div>
+              </div>
+              <ul
+                class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+                id="menu-actions-for-kube-object-menu-for-some-uid"
+              />
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="close"
+                >
+                  close
+                </span>
+              </i>
+              <div>
+                Close
+              </div>
+            </div>
+            <div
+              class="drawer-content flex column box grow"
+            >
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Created
+                </span>
+                <span
+                  class="value"
+                >
+                  &lt;unknown&gt;
+                   ago 
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Name
+                </span>
+                <span
+                  class="value"
+                >
+                  some-name
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Namespace
+                </span>
+                <span
+                  class="value"
+                >
+                  some-namespace
+                </span>
+              </div>
+            </div>
+          </div>
+          <div
+            class="ResizingAnchor horizontal leading"
+          />
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/kube-object-details/extension-api/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx b/src/features/cluster/kube-object-details/extension-api/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..5c1f27b8ca
--- /dev/null
+++ b/src/features/cluster/kube-object-details/extension-api/disable-kube-object-detail-items-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,170 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import type { KubernetesCluster } from "../../../../common/catalog-entities";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getInjectable } from "@ogre-tools/injectable";
+import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
+import { computed, runInAction } from "mobx";
+import React from "react";
+import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../../renderer/routes/route-specific-component-injection-token";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import apiManagerInjectable from "../../../../common/k8s-api/api-manager/manager.injectable";
+import { KubeObjectDetails } from "../../../../renderer/components/kube-object-details";
+import type { ApiManager } from "../../../../common/k8s-api/api-manager";
+
+describe("disable kube object detail items when cluster is not relevant", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let isEnabledForClusterMock: AsyncFnMock<
+    (cluster: KubernetesCluster) => Promise<boolean>
+  >;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        apiManagerInjectable,
+        () =>
+          ({
+            getStore: () => ({
+              getByPath: () =>
+                getKubeObjectStub("some-kind", "some-api-version"),
+            }),
+          } as unknown as ApiManager),
+      );
+
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+
+      runInAction(() => {
+        windowDi.register(testRouteInjectable, testRouteComponentInjectable);
+      });
+    });
+
+    isEnabledForClusterMock = asyncFn();
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        isEnabledForCluster: isEnabledForClusterMock,
+
+        kubeObjectDetailItems: [
+          {
+            kind: "some-kind",
+            apiVersions: ["some-api-version"],
+            components: {
+              Details: () => (
+                <div data-testid="some-kube-object-detail-item">
+                  Some detail
+                </div>
+              ),
+            },
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+    const testRoute = windowDi.inject(testRouteInjectable);
+
+    navigateToRoute(testRoute);
+
+    builder.extensions.enable(testExtension);
+  });
+
+  describe("given not yet known if extension should be enabled for the cluster", () => {
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the kube object detail item", () => {
+      const actual = rendered.queryByTestId("some-kube-object-detail-item");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension shouldn't be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(false);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the kube object detail item", () => {
+      const actual = rendered.queryByTestId("some-kube-object-detail-item");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension should be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(true);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the kube object detail item", () => {
+      const actual = rendered.getByTestId("some-kube-object-detail-item");
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+
+    Component: () => <KubeObjectDetails />,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "",
+    },
+  });
diff --git a/src/features/cluster/kube-object-details/extension-api/reactively-hide-kube-object-detail-item.test.tsx b/src/features/cluster/kube-object-details/extension-api/reactively-hide-kube-object-detail-item.test.tsx
new file mode 100644
index 0000000000..a2dbee433e
--- /dev/null
+++ b/src/features/cluster/kube-object-details/extension-api/reactively-hide-kube-object-detail-item.test.tsx
@@ -0,0 +1,137 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getInjectable } from "@ogre-tools/injectable";
+import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
+import type { IObservableValue } from "mobx";
+import { runInAction, computed, observable } from "mobx";
+import React from "react";
+import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../../renderer/routes/route-specific-component-injection-token";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import apiManagerInjectable from "../../../../common/k8s-api/api-manager/manager.injectable";
+import { KubeObjectDetails } from "../../../../renderer/components/kube-object-details";
+import type { ApiManager } from "../../../../common/k8s-api/api-manager";
+
+describe("reactively hide kube object detail item", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        apiManagerInjectable,
+        () =>
+          ({
+            getStore: () => ({
+              getByPath: () =>
+                getKubeObjectStub("some-kind", "some-api-version"),
+            }),
+          } as unknown as ApiManager),
+      );
+
+      runInAction(() => {
+        windowDi.register(testRouteInjectable, testRouteComponentInjectable);
+      });
+    });
+
+    someObservable = observable.box(false);
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        kubeObjectDetailItems: [
+          {
+            kind: "some-kind",
+            apiVersions: ["some-api-version"],
+
+            components: {
+              Details: () => (
+                <div data-testid="some-kube-object-detail-item">
+                  Some detail
+                </div>
+              ),
+            },
+
+            visible: computed(() => someObservable.get()),
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+    const testRoute = windowDi.inject(testRouteInjectable);
+
+    navigateToRoute(testRoute);
+
+    builder.extensions.enable(testExtension);
+  });
+
+  it("does not show the kube object detail item", () => {
+    const actual = rendered.queryByTestId("some-kube-object-detail-item");
+
+    expect(actual).not.toBeInTheDocument();
+  });
+
+  it("given item should be shown, shows the kube object detail item", () => {
+    runInAction(() => {
+      someObservable.set(true);
+    });
+
+    const actual = rendered.queryByTestId("some-kube-object-detail-item");
+
+    expect(actual).toBeInTheDocument();
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+
+    Component: () => <KubeObjectDetails />,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "",
+    },
+  });
diff --git a/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..9459045e02
--- /dev/null
+++ b/src/features/cluster/kube-object-menu/extension-api/__snapshots__/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1165 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable kube object menu items when cluster is not relevant given extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <ul
+          class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+          id="menu-actions-for-kube-object-menu-for-some-uid"
+        >
+          <div
+            data-testid="some-test-id"
+          >
+            Some menu item
+          </div>
+        </ul>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable kube object menu items when cluster is not relevant given extension shouldn't be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <ul
+          class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+          id="menu-actions-for-kube-object-menu-for-some-uid"
+        />
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable kube object menu items when cluster is not relevant given not yet known if extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <ul
+          class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+          id="menu-actions-for-kube-object-menu-for-some-uid"
+        />
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/kube-object-menu/extension-api/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx b/src/features/cluster/kube-object-menu/extension-api/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..75df0f9359
--- /dev/null
+++ b/src/features/cluster/kube-object-menu/extension-api/disable-kube-object-menu-items-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import type { KubernetesCluster } from "../../../../common/catalog-entities";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getInjectable } from "@ogre-tools/injectable";
+import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
+import { computed, runInAction } from "mobx";
+import React from "react";
+import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../../renderer/routes/route-specific-component-injection-token";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { KubeObjectMenu } from "../../../../renderer/components/kube-object-menu";
+
+describe("disable kube object menu items when cluster is not relevant", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let isEnabledForClusterMock: AsyncFnMock<
+    (cluster: KubernetesCluster) => Promise<boolean>
+  >;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+
+      runInAction(() => {
+        windowDi.register(testRouteInjectable, testRouteComponentInjectable);
+      });
+    });
+
+    isEnabledForClusterMock = asyncFn();
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        isEnabledForCluster: isEnabledForClusterMock,
+
+        kubeObjectMenuItems: [
+          {
+            kind: "some-kind",
+            apiVersions: ["some-api-version"],
+            components: {
+              MenuItem: () => (
+                <div data-testid="some-test-id">Some menu item</div>
+              ),
+            },
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+    const testRoute = windowDi.inject(testRouteInjectable);
+
+    navigateToRoute(testRoute);
+
+    builder.extensions.enable(testExtension);
+  });
+
+  describe("given not yet known if extension should be enabled for the cluster", () => {
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the kube object menu item", () => {
+      const actual = rendered.queryByTestId("some-test-id");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension shouldn't be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(false);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the kube object menu item", () => {
+      const actual = rendered.queryByTestId("some-test-id");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension should be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(true);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the kube object menu item", () => {
+      const actual = rendered.getByTestId("some-test-id");
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+
+    Component: () => (
+      <KubeObjectMenu
+        toolbar={true}
+        object={getKubeObjectStub("some-kind", "some-api-version")}
+      />
+    ),
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "",
+    },
+  });
diff --git a/src/features/cluster/kube-object-menu/extension-api/reactively-hide-kube-object-menu-item.test.tsx b/src/features/cluster/kube-object-menu/extension-api/reactively-hide-kube-object-menu-item.test.tsx
new file mode 100644
index 0000000000..be8cc96ed9
--- /dev/null
+++ b/src/features/cluster/kube-object-menu/extension-api/reactively-hide-kube-object-menu-item.test.tsx
@@ -0,0 +1,127 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getInjectable } from "@ogre-tools/injectable";
+import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
+import type { IObservableValue } from "mobx";
+import { observable, runInAction, computed } from "mobx";
+import React from "react";
+import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../../renderer/routes/route-specific-component-injection-token";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import { KubeObjectMenu } from "../../../../renderer/components/kube-object-menu";
+
+describe("reactively hide kube object menu item", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(testRouteInjectable, testRouteComponentInjectable);
+      });
+    });
+
+    someObservable = observable.box(false);
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        kubeObjectMenuItems: [
+          {
+            kind: "some-kind",
+            apiVersions: ["some-api-version"],
+            components: {
+              MenuItem: () => (
+                <div data-testid="some-kube-object-menu-item">Some menu item</div>
+              ),
+            },
+
+            visible: computed(() => someObservable.get()),
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+    const testRoute = windowDi.inject(testRouteInjectable);
+
+    navigateToRoute(testRoute);
+
+    builder.extensions.enable(testExtension);
+  });
+
+  it("does not show the kube object menu item", () => {
+    const actual = rendered.queryByTestId("some-kube-object-menu-item");
+
+    expect(actual).not.toBeInTheDocument();
+  });
+
+  it("given item should be shown, shows the kube object menu item", () => {
+    runInAction(() => {
+      someObservable.set(true);
+    });
+
+    const actual = rendered.queryByTestId("some-kube-object-menu-item");
+
+    expect(actual).toBeInTheDocument();
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+
+    Component: () => (
+      <KubeObjectMenu
+        toolbar={true}
+        object={getKubeObjectStub("some-kind", "some-api-version")}
+      />
+    ),
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "",
+    },
+  });
+
diff --git a/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap b/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
new file mode 100644
index 0000000000..042e9f02ab
--- /dev/null
+++ b/src/features/cluster/kube-object-status-icon/__snapshots__/show-status-for-a-kube-object.test.tsx.snap
@@ -0,0 +1,2407 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`show status for a kube object given application starts and in test page renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      />
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`show status for a kube object given application starts and in test page when critical status emerges renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <i
+          class="Icon KubeObjectStatusIcon error material focusable"
+          data-testid="kube-object-status-icon-for-some-uid"
+        >
+          <span
+            class="icon"
+            data-icon-name="error"
+          >
+            error
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-kube-object-status-icon-for-some-uid"
+        >
+          <div
+            class="KubeObjectStatusTooltip"
+          >
+            <div
+              class="level error"
+            >
+              <span
+                class="title"
+              >
+                Critical
+              </span>
+              <div
+                class="status msg"
+              >
+                - Some critical status for some-name 
+                <span
+                  class="age"
+                >
+                   . 
+                  2d
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`show status for a kube object given application starts and in test page when info status emerges renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <i
+          class="Icon KubeObjectStatusIcon info material focusable"
+          data-testid="kube-object-status-icon-for-some-uid"
+        >
+          <span
+            class="icon"
+            data-icon-name="info"
+          >
+            info
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-kube-object-status-icon-for-some-uid"
+        >
+          <div
+            class="KubeObjectStatusTooltip"
+          >
+            <div
+              class="level info"
+            >
+              <span
+                class="title"
+              >
+                Info
+              </span>
+              <div
+                class="status msg"
+              >
+                - Some info status for some-name 
+                <span
+                  class="age"
+                >
+                   . 
+                  2d
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`show status for a kube object given application starts and in test page when status for irrelevant kube object api version emerges renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      />
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`show status for a kube object given application starts and in test page when status for irrelevant kube object kind emerges renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      />
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`show status for a kube object given application starts and in test page when warning status emerges renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <i
+          class="Icon KubeObjectStatusIcon warning material focusable"
+          data-testid="kube-object-status-icon-for-some-uid"
+        >
+          <span
+            class="icon"
+            data-icon-name="warning"
+          >
+            warning
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-kube-object-status-icon-for-some-uid"
+        >
+          <div
+            class="KubeObjectStatusTooltip"
+          >
+            <div
+              class="level warning"
+            >
+              <span
+                class="title"
+              >
+                Warning
+              </span>
+              <div
+                class="status msg"
+              >
+                - Some warning status for some-name 
+                <span
+                  class="age"
+                >
+                   . 
+                  2d
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..001f97e00b
--- /dev/null
+++ b/src/features/cluster/kube-object-status-icon/extension-api/__snapshots__/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1184 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable kube object statuses when cluster is not relevant given extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <i
+          class="Icon KubeObjectStatusIcon error material focusable"
+          data-testid="kube-object-status-icon-for-some-uid"
+        >
+          <span
+            class="icon"
+            data-icon-name="error"
+          >
+            error
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-kube-object-status-icon-for-some-uid"
+        >
+          <div
+            class="KubeObjectStatusTooltip"
+          >
+            <div
+              class="level error"
+            >
+              <span
+                class="title"
+              >
+                Critical
+              </span>
+              <div
+                class="status msg"
+              >
+                - some-kube-object-status-text 
+                <span
+                  class="age"
+                >
+                   . 
+                  
+                </span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable kube object statuses when cluster is not relevant given extension shouldn't be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      />
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable kube object statuses when cluster is not relevant given not yet known if extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      />
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/kube-object-status-icon/extension-api/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx b/src/features/cluster/kube-object-status-icon/extension-api/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..b3bc2b3716
--- /dev/null
+++ b/src/features/cluster/kube-object-status-icon/extension-api/disable-kube-object-statuses-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import type { KubernetesCluster } from "../../../../common/catalog-entities";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getInjectable } from "@ogre-tools/injectable";
+import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
+import { computed, runInAction } from "mobx";
+import React from "react";
+import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../../renderer/routes/route-specific-component-injection-token";
+import { KubeObjectStatusIcon } from "../../../../renderer/components/kube-object-status-icon/kube-object-status-icon";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import { KubeObjectStatusLevel } from "../../../../common/k8s-api/kube-object-status";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+
+describe("disable kube object statuses when cluster is not relevant", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let isEnabledForClusterMock: AsyncFnMock<
+    (cluster: KubernetesCluster) => Promise<boolean>
+  >;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+
+      runInAction(() => {
+        windowDi.register(testRouteInjectable, testRouteComponentInjectable);
+      });
+    });
+
+    isEnabledForClusterMock = asyncFn();
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        isEnabledForCluster: isEnabledForClusterMock,
+
+        kubeObjectStatusTexts: [
+          {
+            kind: "some-kind",
+            apiVersions: ["some-api-version"],
+
+            resolve: () => ({
+              level: KubeObjectStatusLevel.CRITICAL,
+              text: "some-kube-object-status-text",
+            }),
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+    const testRoute = windowDi.inject(testRouteInjectable);
+
+    navigateToRoute(testRoute);
+
+    builder.extensions.enable(testExtension);
+  });
+
+  describe("given not yet known if extension should be enabled for the cluster", () => {
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the status", () => {
+      const actual = rendered.baseElement.querySelectorAll(".KubeObjectStatusIcon");
+
+      expect(actual).toHaveLength(0);
+    });
+  });
+
+  describe("given extension shouldn't be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(false);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the status", () => {
+      const actual = rendered.baseElement.querySelectorAll(".KubeObjectStatusIcon");
+
+      expect(actual).toHaveLength(0);
+    });
+  });
+
+  describe("given extension should be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(true);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the status", () => {
+      const actual = rendered.baseElement.querySelectorAll(".KubeObjectStatusIcon");
+
+      expect(actual).toHaveLength(1);
+    });
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+
+    Component: () => (
+      <KubeObjectStatusIcon
+        object={getKubeObjectStub("some-kind", "some-api-version")}
+      />
+    ),
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "/foo",
+    },
+  });
diff --git a/src/features/cluster/kube-object-status-icon/extension-api/reactively-hide-kube-object-status.test.tsx b/src/features/cluster/kube-object-status-icon/extension-api/reactively-hide-kube-object-status.test.tsx
new file mode 100644
index 0000000000..8e197f3f30
--- /dev/null
+++ b/src/features/cluster/kube-object-status-icon/extension-api/reactively-hide-kube-object-status.test.tsx
@@ -0,0 +1,133 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../../renderer/components/test-utils/get-application-builder";
+import { getInjectable } from "@ogre-tools/injectable";
+import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
+import type { IObservableValue } from "mobx";
+import { observable, runInAction, computed } from "mobx";
+import React from "react";
+import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../../renderer/routes/route-specific-component-injection-token";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { KubeObject } from "../../../../common/k8s-api/kube-object";
+import { KubeObjectStatusLevel } from "../../../../common/k8s-api/kube-object-status";
+import { KubeObjectStatusIcon } from "../../../../renderer/components/kube-object-status-icon";
+
+describe("reactively hide kube object status", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+
+      runInAction(() => {
+        windowDi.register(testRouteInjectable, testRouteComponentInjectable);
+      });
+    });
+
+    someObservable = observable.box(false);
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        kubeObjectStatusTexts: [
+          {
+            kind: "some-kind",
+            apiVersions: ["some-api-version"],
+
+            resolve: () => ({
+              level: KubeObjectStatusLevel.CRITICAL,
+              text: "some-kube-object-status-text",
+            }),
+
+            visible: computed(() => someObservable.get()),
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+    const testRoute = windowDi.inject(testRouteInjectable);
+
+    navigateToRoute(testRoute);
+
+    builder.extensions.enable(testExtension);
+  });
+
+  it("does not show the kube object status", () => {
+    const actual = rendered.baseElement.querySelectorAll(
+      ".KubeObjectStatusIcon",
+    );
+
+    expect(actual).toHaveLength(0);
+  });
+
+  it("given item should be shown, shows the kube object status", () => {
+    runInAction(() => {
+      someObservable.set(true);
+    });
+
+    const actual = rendered.baseElement.querySelectorAll(
+      ".KubeObjectStatusIcon",
+    );
+
+    expect(actual).toHaveLength(1);
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(testRouteInjectable),
+
+    Component: () => (
+      <KubeObjectStatusIcon
+        object={getKubeObjectStub("some-kind", "some-api-version")}
+      />
+    ),
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "",
+    },
+  });
diff --git a/src/features/cluster/kube-object-status-icon/show-status-for-a-kube-object.test.tsx b/src/features/cluster/kube-object-status-icon/show-status-for-a-kube-object.test.tsx
new file mode 100644
index 0000000000..95d508351d
--- /dev/null
+++ b/src/features/cluster/kube-object-status-icon/show-status-for-a-kube-object.test.tsx
@@ -0,0 +1,358 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { KubeObjectStatusLevel } from "../../../common/k8s-api/kube-object-status";
+import { KubeObject } from "../../../common/k8s-api/kube-object";
+import React from "react";
+import { useFakeTime } from "../../../common/test-utils/use-fake-time";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { IAtom } from "mobx";
+import { runInAction, createAtom, computed } from "mobx";
+import { frontEndRouteInjectionToken } from "../../../common/front-end-routing/front-end-route-injection-token";
+import { routeSpecificComponentInjectionToken } from "../../../renderer/routes/route-specific-component-injection-token";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { navigateToRouteInjectionToken } from "../../../common/front-end-routing/navigate-to-route-injection-token";
+import type { RenderResult } from "@testing-library/react";
+import { act } from "@testing-library/react";
+import { observer } from "mobx-react";
+import { kubeObjectStatusTextInjectionToken } from "../../../renderer/components/kube-object-status-icon/kube-object-status-text-injection-token";
+import { KubeObjectStatusIcon } from "../../../renderer/components/kube-object-status-icon";
+
+describe("show status for a kube object", () => {
+  let builder: ApplicationBuilder;
+  let infoStatusIsShown: boolean;
+  let warningStatusIsShown: boolean;
+  let criticalStatusIsShown: boolean;
+
+  beforeEach(() => {
+    useFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    infoStatusIsShown = false;
+
+    const infoStatusInjectable = getInjectable({
+      id: "some-info-status",
+      injectionToken: kubeObjectStatusTextInjectionToken,
+
+      instantiate: () => ({
+        apiVersions: ["some-api-version"],
+        kind: "some-kind",
+        enabled: computed(() => true),
+
+        resolve: (resource) => infoStatusIsShown ? ({
+          level: KubeObjectStatusLevel.INFO,
+          text: `Some info status for ${resource.getName()}`,
+          timestamp: "2015-10-19T07:28:00Z",
+        }) : null,
+      }),
+    });
+
+    warningStatusIsShown = false;
+
+    const warningStatusInjectable = getInjectable({
+      id: "some-warning-status",
+      injectionToken: kubeObjectStatusTextInjectionToken,
+
+      instantiate: () => ({
+        apiVersions: ["some-api-version"],
+        kind: "some-kind",
+        enabled: computed(() => true),
+
+        resolve: (resource) => warningStatusIsShown ? ({
+          level: KubeObjectStatusLevel.WARNING,
+          text: `Some warning status for ${resource.getName()}`,
+          timestamp: "2015-10-19T07:28:00Z",
+        }) : null,
+      }),
+    });
+
+    criticalStatusIsShown = false;
+
+    const criticalStatusInjectable = getInjectable({
+      id: "some-critical-status",
+      injectionToken: kubeObjectStatusTextInjectionToken,
+
+      instantiate: () => ({
+        apiVersions: ["some-api-version"],
+        kind: "some-kind",
+        enabled: computed(() => true),
+
+        resolve: (resource) => {
+          return criticalStatusIsShown
+            ? {
+              level: KubeObjectStatusLevel.CRITICAL,
+              text: `Some critical status for ${resource.getName()}`,
+              timestamp: "2015-10-19T07:28:00Z",
+            }
+            : null;
+        },
+      }),
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(
+          testRouteInjectable,
+          testRouteComponentInjectable,
+          infoStatusInjectable,
+          warningStatusInjectable,
+          criticalStatusInjectable,
+          someAtomInjectable,
+        );
+
+      });
+    });
+
+    builder.setEnvironmentToClusterFrame();
+  });
+
+  describe("given application starts and in test page", () => {
+    let windowDi: DiContainer;
+    let rendered: RenderResult;
+    let rerenderParent: () => void;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+
+      const someAtom = windowDi.inject(someAtomInjectable);
+
+      rerenderParent = rerenderParentFor(someAtom);
+
+      const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+      const testRoute = windowDi.inject(testRouteInjectable);
+
+      navigateToRoute(testRoute);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show any statuses yet", () => {
+      const status = rendered.queryByTestId(
+        "kube-object-status-icon-for-some-uid",
+      );
+
+      expect(status).not.toBeInTheDocument();
+    });
+
+    describe("when status for irrelevant kube object kind emerges", () => {
+      beforeEach(() => {
+        runInAction(() => {
+          windowDi.register(statusForIrrelevantKubeObjectKindInjectable);
+        });
+
+        rerenderParent();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("does not show any statuses", () => {
+        const status = rendered.queryByTestId(
+          "kube-object-status-icon-for-some-uid",
+        );
+
+        expect(status).not.toBeInTheDocument();
+      });
+    });
+
+    describe("when status for irrelevant kube object api version emerges", () => {
+      beforeEach(() => {
+        runInAction(() => {
+          windowDi.register(statusForIrrelevantKubeObjectApiVersionInjectable);
+        });
+
+        rerenderParent();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("does not show any statuses", () => {
+        const status = rendered.queryByTestId(
+          "kube-object-status-icon-for-some-uid",
+        );
+
+        expect(status).not.toBeInTheDocument();
+      });
+    });
+
+    describe("when info status emerges", () => {
+      beforeEach(() => {
+        infoStatusIsShown = true;
+
+        rerenderParent();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows status", () => {
+        const status = rendered.getByTestId(
+          "kube-object-status-icon-for-some-uid",
+        );
+
+        expect(status).toBeInTheDocument();
+      });
+
+      it("show info status", () => {
+        const tooltipContent = rendered.getByTestId(
+          "tooltip-content-for-kube-object-status-icon-for-some-uid",
+        );
+
+        expect(tooltipContent).toHaveTextContent(
+          "Some info status for some-name",
+        );
+      });
+    });
+
+    describe("when warning status emerges", () => {
+      beforeEach(() => {
+        warningStatusIsShown = true;
+
+        rerenderParent();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("show warning status", () => {
+        const tooltipContent = rendered.getByTestId(
+          "tooltip-content-for-kube-object-status-icon-for-some-uid",
+        );
+
+        expect(tooltipContent).toHaveTextContent(
+          "Some warning status for some-name",
+        );
+      });
+    });
+
+    describe("when critical status emerges", () => {
+      beforeEach(() => {
+        criticalStatusIsShown = true;
+
+        rerenderParent();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("show critical status", () => {
+        const tooltipContent = rendered.getByTestId(
+          "tooltip-content-for-kube-object-status-icon-for-some-uid",
+        );
+
+        expect(tooltipContent).toHaveTextContent(
+          "Some critical status for some-name",
+        );
+      });
+    });
+  });
+});
+
+const testRouteInjectable = getInjectable({
+  id: "test-route",
+
+  instantiate: () => ({
+    path: "/test-route",
+    clusterFrame: true,
+    isEnabled: computed(() => true),
+  }),
+
+  injectionToken: frontEndRouteInjectionToken,
+});
+
+const rerenderParentFor = (atom: IAtom) => () => {
+  act(() => {
+    atom.reportChanged();
+  });
+};
+
+const TestComponent = observer(({ someAtom }: { someAtom: IAtom }) => {
+  void someAtom.reportObserved();
+
+  return (
+    <KubeObjectStatusIcon
+      object={getKubeObjectStub("some-kind", "some-api-version")}
+    />
+  );
+});
+
+const testRouteComponentInjectable = getInjectable({
+  id: "test-route-component",
+
+  instantiate: (di) => {
+    const someAtom = di.inject(someAtomInjectable);
+
+    return {
+      route: di.inject(testRouteInjectable),
+      Component: () => <TestComponent someAtom={someAtom} />,
+    };
+  },
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+const someAtomInjectable = getInjectable({
+  id: "some-atom",
+  instantiate: () => createAtom("some-atom"),
+});
+
+const getKubeObjectStub = (kind: string, apiVersion: string) =>
+  KubeObject.create({
+    apiVersion,
+    kind,
+    metadata: {
+      uid: "some-uid",
+      name: "some-name",
+      resourceVersion: "some-resource-version",
+      namespace: "some-namespace",
+      selfLink: "/foo",
+    },
+  });
+
+const statusForIrrelevantKubeObjectKindInjectable = getInjectable({
+  id: "status-for-irrelevant-kube-object-kind",
+  injectionToken: kubeObjectStatusTextInjectionToken,
+
+  instantiate: () => ({
+    apiVersions: ["some-api-version"],
+    kind: "some-other-kind",
+    enabled: computed(() => true),
+
+    resolve: () => ({
+      level: KubeObjectStatusLevel.INFO,
+      text: "irrelevant",
+      timestamp: "2015-10-19T07:28:00Z",
+    }),
+  }),
+});
+
+const statusForIrrelevantKubeObjectApiVersionInjectable = getInjectable({
+  id: "status-for-irrelevant-kube-object-api-version",
+  injectionToken: kubeObjectStatusTextInjectionToken,
+
+  instantiate: () => ({
+    apiVersions: ["some-other-api-version"],
+    kind: "some-kind",
+    enabled: computed(() => true),
+
+    resolve: () => ({
+      level: KubeObjectStatusLevel.INFO,
+      text: "irrelevant",
+      timestamp: "2015-10-19T07:28:00Z",
+    }),
+  }),
+});
diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
new file mode 100644
index 0000000000..f46517dc0b
--- /dev/null
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-new-tab.test.tsx.snap
@@ -0,0 +1,10750 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="edit-resource-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with failure renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="notice"
+              >
+                Resource not found
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given change in configuration renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeChanged: some-changed-value
+  someAddedProperty: some-new-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given clicking the context menu for second namespace, when clicking to edit namespace renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-second-tab-id"
+                  id="tab-some-second-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-other-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-second-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="edit-resource-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given clicking the context menu for second namespace, when clicking to edit namespace when second namespace resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-second-tab-id"
+                  id="tab-some-second-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-other-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-second-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-other-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-second-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-second-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-second-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-second-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-other-uid
+  name: some-other-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-other-uid
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given clicking the context menu for second namespace, when clicking to edit namespace when second namespace resolves when clicking dock tab for the first namespace renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab"
+                  data-testid="dock-tab-for-some-second-tab-id"
+                  id="tab-some-second-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-other-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given invalid change in configuration renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="error"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="error_outline"
+                      >
+                        error_outline
+                      </span>
+                    </i>
+                    <div>
+                      YAMLException: end of the stream or a document separator is expected (1:1)
+
+ 1 | @some-invalid-configuration@
+-----^
+                    </div>
+                  </div>
+                </div>
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                @some-invalid-configuration@
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given no changes in the configuration, when selecting to save renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Spinner singleColor"
+                    data-testid="saving-edit-resource-from-tab-for-some-first-tab-id"
+                  />
+                   
+                  Applying...
+                </div>
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given no changes in the configuration, when selecting to save when saving resolves with failure renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace given no changes in the configuration, when selecting to save when saving resolves with success renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace when selecting to cancel renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace when selecting to save and close renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Spinner singleColor"
+                    data-testid="saving-edit-resource-from-tab-for-some-first-tab-id"
+                  />
+                   
+                  Applying...
+                </div>
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace when selecting to save and close when saving resolves with failure renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves with namespace when selecting to save and close when saving resolves with success renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespace from new tab when navigating to namespaces when namespaces resolve when clicking the context menu for a namespace when clicking to edit namespace when call for namespace resolves without namespace renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <main>
+            <div
+              class="ItemListLayout flex column KubeObjectListLayout Namespaces"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Namespaces
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Namespaces..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column KubeObjectListLayout Namespaces box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell warning nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell labels scrollable nowrap sorting"
+                      id="labels"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Labels
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell age nowrap sorting"
+                      id="age"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Age
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                >
+                  <button
+                    class="Button add-button primary big round"
+                    type="button"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="add"
+                      >
+                        add
+                      </span>
+                    </i>
+                  </button>
+                  <div>
+                    Add Namespace
+                  </div>
+                </div>
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="notice"
+              >
+                Resource not found
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
new file mode 100644
index 0000000000..e23184d8fc
--- /dev/null
+++ b/src/features/cluster/namespaces/__snapshots__/edit-namespace-from-previously-opened-tab.test.tsx.snap
@@ -0,0 +1,1150 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`cluster/namespaces - edit namespaces from previously opened tab given tab was previously opened, when application is started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-namespace
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="edit-resource-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`cluster/namespaces - edit namespaces from previously opened tab given tab was previously opened, when application is started when call for namespace resolves with namespace renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-namespaces"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-namespaces"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="layers"
+                  >
+                    layers
+                  </span>
+                </i>
+                <span>
+                  Namespaces
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="edit"
+                    >
+                      edit
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Namespace: some-namespace
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content edit-resource"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="EditResource flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="resource-info flex gaps align-center"
+                  >
+                    <span>
+                      Kind:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      Namespace
+                    </div>
+                    <span>
+                      Name:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      some-name
+                    </div>
+                    <span>
+                      Namespace:
+                    </span>
+                    <div
+                      class="badge"
+                    >
+                      default
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button active outlined"
+                  data-testid="save-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="save-and-close-edit-resource-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Save & Close
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-saved-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/namespaces/edit-namespace-from-new-tab.test.tsx b/src/features/cluster/namespaces/edit-namespace-from-new-tab.test.tsx
new file mode 100644
index 0000000000..efe0cdf554
--- /dev/null
+++ b/src/features/cluster/namespaces/edit-namespace-from-new-tab.test.tsx
@@ -0,0 +1,966 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import navigateToNamespacesInjectable from "../../../common/front-end-routing/routes/cluster/namespaces/navigate-to-namespaces.injectable";
+import createEditResourceTabInjectable from "../../../renderer/components/dock/edit-resource/edit-resource-tab.injectable";
+import getRandomIdForEditResourceTabInjectable from "../../../renderer/components/dock/edit-resource/get-random-id-for-edit-resource-tab.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { CallForResource } from "../../../renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable";
+import callForResourceInjectable from "../../../renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable";
+import type { CallForPatchResource } from "../../../renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.injectable";
+import callForPatchResourceInjectable from "../../../renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.injectable";
+import dockStoreInjectable from "../../../renderer/components/dock/dock/store.injectable";
+import { Namespace } from "../../../common/k8s-api/endpoints";
+import showSuccessNotificationInjectable from "../../../renderer/components/notifications/show-success-notification.injectable";
+import showErrorNotificationInjectable from "../../../renderer/components/notifications/show-error-notification.injectable";
+import readJsonFileInjectable from "../../../common/fs/read-json-file.injectable";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import hostedClusterIdInjectable from "../../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import { controlWhenStoragesAreReady } from "../../../renderer/utils/create-storage/storages-are-ready";
+
+describe("cluster/namespaces - edit namespace from new tab", () => {
+  let builder: ApplicationBuilder;
+  let callForNamespaceMock: AsyncFnMock<CallForResource>;
+  let callForPatchNamespaceMock: AsyncFnMock<CallForPatchResource>;
+  let showSuccessNotificationMock: jest.Mock;
+  let showErrorNotificationMock: jest.Mock;
+  let storagesAreReady: () => Promise<void>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForNamespaceMock = asyncFn();
+    callForPatchNamespaceMock = asyncFn();
+
+    showSuccessNotificationMock = jest.fn();
+    showErrorNotificationMock = jest.fn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+
+      storagesAreReady = controlWhenStoragesAreReady(windowDi);
+
+      windowDi.override(
+        showSuccessNotificationInjectable,
+        () => showSuccessNotificationMock,
+      );
+
+      windowDi.override(
+        showErrorNotificationInjectable,
+        () => showErrorNotificationMock,
+      );
+
+      windowDi.override(getRandomIdForEditResourceTabInjectable, () =>
+        jest
+          .fn(() => "some-irrelevant-random-id")
+          .mockReturnValueOnce("some-first-tab-id")
+          .mockReturnValueOnce("some-second-tab-id"),
+      );
+
+      windowDi.override(callForResourceInjectable, () => async (selfLink: string) => {
+        if (
+          [
+            "/apis/some-api-version/namespaces/some-uid",
+            "/apis/some-api-version/namespaces/some-other-uid",
+          ].includes(selfLink)
+        ) {
+          return await callForNamespaceMock(selfLink);
+        }
+
+        return undefined;
+      });
+
+      windowDi.override(callForPatchResourceInjectable, () => async (namespace, ...args) => {
+        if (
+          [
+            "/apis/some-api-version/namespaces/some-uid",
+            "/apis/some-api-version/namespaces/some-other-uid",
+          ].includes(namespace.selfLink)
+        ) {
+          return await callForPatchNamespaceMock(namespace, ...args);
+        }
+
+        return undefined;
+      });
+    });
+
+    builder.allowKubeResource("namespaces");
+  });
+
+  describe("when navigating to namespaces", () => {
+    let rendered: RenderResult;
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      await storagesAreReady();
+
+      windowDi = builder.applicationWindow.only.di;
+
+      const navigateToNamespaces = windowDi.inject(
+        navigateToNamespacesInjectable,
+      );
+
+      navigateToNamespaces();
+
+      const dockStore = windowDi.inject(dockStoreInjectable);
+
+      // TODO: Make TerminalWindow unit testable to allow realistic behaviour
+      dockStore.closeTab("terminal");
+    });
+
+    // TODO: Implement skipped tests when loading of resources can be tested
+    xit("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    xit("calls for namespaces", () => {
+
+    });
+
+    xit("shows spinner", () => {
+
+    });
+
+    describe("when namespaces resolve", () => {
+      beforeEach(() => {
+
+      });
+
+      xit("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      xit("does not show spinner anymore", () => {
+
+      });
+
+      describe("when clicking the context menu for a namespace", () => {
+        beforeEach(() => {
+
+        });
+
+        xit("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        xit("does not show edit resource tab yet", () => {
+
+        });
+
+        describe("when clicking to edit namespace", () => {
+          beforeEach(() => {
+            // TODO: Make implementation match the description (tests above)
+            const namespaceStub = new Namespace(someNamespaceDataStub);
+
+            const createEditResourceTab = windowDi.inject(createEditResourceTabInjectable);
+
+            createEditResourceTab(namespaceStub);
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("shows dock tab for editing namespace", () => {
+            expect(
+              rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+            ).toBeInTheDocument();
+          });
+
+          it("shows spinner in the dock tab", () => {
+            expect(
+              rendered.getByTestId("edit-resource-tab-spinner"),
+            ).toBeInTheDocument();
+          });
+
+          it("calls for namespace", () => {
+            expect(callForNamespaceMock).toHaveBeenCalledWith(
+              "/apis/some-api-version/namespaces/some-uid",
+            );
+          });
+
+          describe("when call for namespace resolves with namespace", () => {
+            let someNamespace: Namespace;
+
+            beforeEach(async () => {
+              someNamespace = new Namespace({
+                apiVersion: "some-api-version",
+                kind: "Namespace",
+
+                metadata: {
+                  uid: "some-uid",
+                  name: "some-name",
+                  resourceVersion: "some-resource-version",
+                  selfLink: "/apis/some-api-version/namespaces/some-uid",
+                  somePropertyToBeRemoved: "some-value",
+                  somePropertyToBeChanged: "some-old-value",
+                },
+              });
+
+              await callForNamespaceMock.resolve({
+                callWasSuccessful: true,
+                response: someNamespace,
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("does not show spinner anymore", () => {
+              expect(
+                rendered.queryByTestId("edit-resource-tab-spinner"),
+              ).not.toBeInTheDocument();
+            });
+
+            it("has the configuration in editor", () => {
+              const input = rendered.getByTestId(
+                "monaco-editor-for-some-first-tab-id",
+              ) as HTMLTextAreaElement;
+
+              expect(input.value).toBe(`apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+`);
+            });
+
+            describe("given no changes in the configuration, when selecting to save", () => {
+              beforeEach(() => {
+                const saveButton = rendered.getByTestId(
+                  "save-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                fireEvent.click(saveButton);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("calls for save with empty values", () => {
+                expect(callForPatchNamespaceMock).toHaveBeenCalledWith(
+                  someNamespace,
+                  [],
+                );
+              });
+
+              it("shows spinner", () => {
+                expect(
+                  rendered.getByTestId("saving-edit-resource-from-tab-for-some-first-tab-id"),
+                ).toBeInTheDocument();
+              });
+
+              it("save button is disabled", () => {
+                const saveButton = rendered.getByTestId(
+                  "save-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                expect(saveButton).toHaveAttribute("disabled");
+              });
+
+              it("save and close button is disabled", () => {
+                const saveButton = rendered.getByTestId(
+                  "save-and-close-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                expect(saveButton).toHaveAttribute("disabled");
+              });
+
+              describe("when saving resolves with success", () => {
+                beforeEach(async () => {
+                  await callForPatchNamespaceMock.resolve({
+                    callWasSuccessful: true,
+                    response: { name: "some-name", kind: "Namespace" },
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("does not show spinner anymore", () => {
+                  expect(
+                    rendered.queryByTestId("saving-edit-resource-from-tab-for-some-first-tab-id"),
+                  ).not.toBeInTheDocument();
+                });
+
+                it("save button is enabled", () => {
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  expect(saveButton).not.toHaveAttribute("disabled");
+                });
+
+                it("save and close button is enabled", () => {
+                  const saveButton = rendered.getByTestId(
+                    "save-and-close-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  expect(saveButton).not.toHaveAttribute("disabled");
+                });
+
+                it("shows success notification", () => {
+                  expect(showSuccessNotificationMock).toHaveBeenCalled();
+                });
+
+                it("does not show error notification", () => {
+                  expect(showErrorNotificationMock).not.toHaveBeenCalled();
+                });
+
+                it("does not close the dock tab", () => {
+                  expect(
+                    rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                  ).toBeInTheDocument();
+                });
+              });
+
+              describe("when saving resolves with failure", () => {
+                beforeEach(async () => {
+                  await callForPatchNamespaceMock.resolve({
+                    callWasSuccessful: false,
+                    error: "some-error",
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("does not show spinner anymore", () => {
+                  expect(
+                    rendered.queryByTestId("edit-resource-tab-spinner"),
+                  ).not.toBeInTheDocument();
+                });
+
+                it("save button is enabled", () => {
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  expect(saveButton).not.toHaveAttribute("disabled");
+                });
+
+                it("save and close button is enabled", () => {
+                  const saveButton = rendered.getByTestId(
+                    "save-and-close-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  expect(saveButton).not.toHaveAttribute("disabled");
+                });
+
+                it("does not show success notification", () => {
+                  expect(showSuccessNotificationMock).not.toHaveBeenCalled();
+                });
+
+                it("shows error notification", () => {
+                  expect(showErrorNotificationMock).toHaveBeenCalled();
+                });
+
+                it("does not close the dock tab", () => {
+                  expect(
+                    rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                  ).toBeInTheDocument();
+                });
+              });
+            });
+
+            describe("when selecting to save and close", () => {
+              beforeEach(() => {
+                const saveButton = rendered.getByTestId(
+                  "save-and-close-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                fireEvent.click(saveButton);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not close the tab yet", () => {
+                expect(
+                  rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                ).toBeInTheDocument();
+              });
+
+              describe("when saving resolves with success", () => {
+                beforeEach(async () => {
+                  await callForPatchNamespaceMock.resolve({
+                    callWasSuccessful: true,
+                    response: { name: "some-name", kind: "Namespace" },
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("closes the dock tab", () => {
+                  expect(
+                    rendered.queryByTestId("dock-tab-for-some-first-tab-id"),
+                  ).not.toBeInTheDocument();
+                });
+              });
+
+              describe("when saving resolves with failure", () => {
+                beforeEach(async () => {
+                  await callForPatchNamespaceMock.resolve({
+                    callWasSuccessful: false,
+                    error: "Some error",
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                // TODO: Not doable at the moment because info panel controls closing of the tab
+                xit("does not close the dock tab", () => {
+                  expect(
+                    rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                  ).toBeInTheDocument();
+                });
+              });
+            });
+
+            describe("when selecting to cancel", () => {
+              beforeEach(() => {
+                const cancelButton = rendered.getByTestId(
+                  "cancel-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                fireEvent.click(cancelButton);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not have dock tab anymore", () => {
+                expect(
+                  rendered.queryByTestId("dock-tab-for-some-first-tab-id"),
+                ).not.toBeInTheDocument();
+              });
+            });
+
+            describe("given change in configuration", () => {
+              beforeEach(() => {
+                const input = rendered.getByTestId(
+                  "monaco-editor-for-some-first-tab-id",
+                ) as HTMLInputElement;
+
+                fireEvent.change(input, {
+                  target: {
+                    value: `apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeChanged: some-changed-value
+  someAddedProperty: some-new-value
+`,
+                  },
+                });
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("has the changed configuration in editor", () => {
+                const input = rendered.getByTestId(
+                  "monaco-editor-for-some-first-tab-id",
+                ) as HTMLTextAreaElement;
+
+                expect(input.value).toBe(`apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeChanged: some-changed-value
+  someAddedProperty: some-new-value
+`);
+              });
+
+              it("stores the changed configuration", async () => {
+                const readJsonFile = windowDi.inject(
+                  readJsonFileInjectable,
+                );
+
+                const actual = (await readJsonFile(
+                  "/some-directory-for-lens-local-storage/some-cluster-id.json",
+                )) as any;
+
+                expect(
+                  actual.edit_resource_store["some-first-tab-id"],
+                ).toEqual({
+                  resource: "/apis/some-api-version/namespaces/some-uid",
+                  firstDraft: `apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+`,
+                  draft: `apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeChanged: some-changed-value
+  someAddedProperty: some-new-value
+`,
+                });
+              });
+
+              describe("when selecting to save", () => {
+                beforeEach(() => {
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  fireEvent.click(saveButton);
+                });
+
+                it("calls for save with changed configuration", () => {
+                  expect(callForPatchNamespaceMock).toHaveBeenCalledWith(
+                    someNamespace,
+                    [
+                      {
+                        op: "remove",
+                        path: "/metadata/somePropertyToBeRemoved",
+                      },
+                      {
+                        op: "add",
+                        path: "/metadata/someAddedProperty",
+                        value: "some-new-value",
+                      },
+                      {
+                        op: "replace",
+                        path: "/metadata/somePropertyToBeChanged",
+                        value: "some-changed-value",
+                      },
+                    ],
+                  );
+                });
+
+                it("given save resolves and another change in configuration, when saving, calls for save with changed configuration", async () => {
+                  await callForPatchNamespaceMock.resolve({
+                    callWasSuccessful: true,
+
+                    response: {
+                      name: "some-name",
+                      kind: "Namespace",
+                    },
+                  });
+
+                  const input = rendered.getByTestId(
+                    "monaco-editor-for-some-first-tab-id",
+                  ) as HTMLInputElement;
+
+                  fireEvent.change(input, {
+                    target: {
+                      value: `apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeChanged: some-changed-value
+  someAddedProperty: some-new-value
+  someOtherAddedProperty: some-other-new-value
+`,
+                    },
+                  });
+
+
+                  callForPatchNamespaceMock.mockClear();
+
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  fireEvent.click(saveButton);
+
+                  expect(callForPatchNamespaceMock).toHaveBeenCalledWith(
+                    someNamespace,
+                    [
+                      {
+                        op: "add",
+                        path: "/metadata/someOtherAddedProperty",
+                        value: "some-other-new-value",
+                      },
+                    ],
+                  );
+                });
+              });
+            });
+
+            describe("given invalid change in configuration", () => {
+              beforeEach(() => {
+                const input = rendered.getByTestId(
+                  "monaco-editor-for-some-first-tab-id",
+                ) as HTMLInputElement;
+
+                fireEvent.change(input, {
+                  target: {
+                    value: "@some-invalid-configuration@",
+                  },
+                });
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("has the changed configuration in editor", () => {
+                const input = rendered.getByTestId(
+                  "monaco-editor-for-some-first-tab-id",
+                ) as HTMLTextAreaElement;
+
+                expect(input.value).toBe(`@some-invalid-configuration@`);
+              });
+
+              it("save button is disabled", () => {
+                const saveButton = rendered.getByTestId(
+                  "save-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                expect(saveButton).toHaveAttribute("disabled");
+              });
+
+              it("save and close button is disabled", () => {
+                const saveButton = rendered.getByTestId(
+                  "save-and-close-edit-resource-from-tab-for-some-first-tab-id",
+                );
+
+                expect(saveButton).toHaveAttribute("disabled");
+              });
+
+              describe("when valid change in configuration", () => {
+
+                beforeEach(() => {
+                  const input = rendered.getByTestId(
+                    "monaco-editor-for-some-first-tab-id",
+                  ) as HTMLInputElement;
+
+
+                  fireEvent.change(input, {
+                    target: {
+                      value: `apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+`,
+                    },
+                  });
+
+                });
+
+                it("save button is enabled", () => {
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  expect(saveButton).not.toHaveAttribute("disabled");
+                });
+
+                it("save and close button is enabled", () => {
+                  const saveButton = rendered.getByTestId(
+                    "save-and-close-edit-resource-from-tab-for-some-first-tab-id",
+                  );
+
+                  expect(saveButton).not.toHaveAttribute("disabled");
+                });
+              });
+
+            });
+
+            describe("given clicking the context menu for second namespace, when clicking to edit namespace", () => {
+              beforeEach(() => {
+                callForNamespaceMock.mockClear();
+
+                // TODO: Make implementation match the description
+                const namespaceStub = new Namespace(someOtherNamespaceDataStub);
+
+                const createEditResourceTab = windowDi.inject(createEditResourceTabInjectable);
+
+                createEditResourceTab(namespaceStub);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("shows dock tab for editing second namespace", () => {
+                expect(
+                  rendered.getByTestId("dock-tab-content-for-some-second-tab-id"),
+                ).toBeInTheDocument();
+              });
+
+              it("still has dock tab for first namespace", () => {
+                expect(
+                  rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                ).toBeInTheDocument();
+              });
+
+              it("shows spinner in the dock tab", () => {
+                expect(
+                  rendered.getByTestId("edit-resource-tab-spinner"),
+                ).toBeInTheDocument();
+              });
+
+              it("calls for second namespace", () => {
+                expect(callForNamespaceMock).toHaveBeenCalledWith(
+                  "/apis/some-api-version/namespaces/some-other-uid",
+                );
+              });
+
+              describe("when second namespace resolves", () => {
+                let someOtherNamespace: Namespace;
+
+                beforeEach(async () => {
+                  someOtherNamespace = new Namespace({
+                    apiVersion: "some-api-version",
+                    kind: "Namespace",
+
+                    metadata: {
+                      uid: "some-other-uid",
+                      name: "some-other-name",
+                      resourceVersion: "some-resource-version",
+                      selfLink:
+                        "/apis/some-api-version/namespaces/some-other-uid",
+                    },
+                  });
+
+                  await callForNamespaceMock.resolve({
+                    callWasSuccessful: true,
+                    response: someOtherNamespace,
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("has the configuration in editor", () => {
+                  const input = rendered.getByTestId(
+                    "monaco-editor-for-some-second-tab-id",
+                  ) as HTMLTextAreaElement;
+
+                  expect(input.value).toBe(`apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-other-uid
+  name: some-other-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-other-uid
+`);
+                });
+
+                it("when selecting to save, calls for save of second namespace", () => {
+                  callForPatchNamespaceMock.mockClear();
+
+                  const saveButton = rendered.getByTestId(
+                    "save-edit-resource-from-tab-for-some-second-tab-id",
+                  );
+
+                  fireEvent.click(saveButton);
+
+                  expect(callForPatchNamespaceMock).toHaveBeenCalledWith(
+                    someOtherNamespace,
+                    [],
+                  );
+                });
+
+                describe("when clicking dock tab for the first namespace", () => {
+                  beforeEach(() => {
+                    callForNamespaceMock.mockClear();
+
+                    const tab = rendered.getByTestId("dock-tab-for-some-first-tab-id");
+
+                    fireEvent.click(tab);
+                  });
+
+                  it("renders", () => {
+                    expect(rendered.baseElement).toMatchSnapshot();
+                  });
+
+                  it("shows dock tab for editing first namespace", () => {
+                    expect(
+                      rendered.getByTestId("dock-tab-content-for-some-first-tab-id"),
+                    ).toBeInTheDocument();
+                  });
+
+                  it("still has dock tab for second namespace", () => {
+                    expect(
+                      rendered.getByTestId("dock-tab-for-some-second-tab-id"),
+                    ).toBeInTheDocument();
+                  });
+
+                  it("does not show spinner in the dock tab", () => {
+                    expect(
+                      rendered.queryByTestId("edit-resource-tab-spinner"),
+                    ).not.toBeInTheDocument();
+                  });
+
+                  it("does not call for namespace", () => {
+                    expect(callForNamespaceMock).not.toHaveBeenCalled();
+                  });
+
+                  it("has configuration in the editor", () => {
+                    const input = rendered.getByTestId(
+                      "monaco-editor-for-some-first-tab-id",
+                    ) as HTMLTextAreaElement;
+
+                    expect(input.value).toBe(`apiVersion: some-api-version
+kind: Namespace
+metadata:
+  uid: some-uid
+  name: some-name
+  resourceVersion: some-resource-version
+  selfLink: /apis/some-api-version/namespaces/some-uid
+  somePropertyToBeRemoved: some-value
+  somePropertyToBeChanged: some-old-value
+`);
+                  });
+
+                  it("when selecting to save, calls for save of first namespace", () => {
+                    callForPatchNamespaceMock.mockClear();
+
+                    const saveButton = rendered.getByTestId(
+                      "save-edit-resource-from-tab-for-some-first-tab-id",
+                    );
+
+                    fireEvent.click(saveButton);
+
+                    expect(callForPatchNamespaceMock).toHaveBeenCalledWith(
+                      someNamespace,
+                      [],
+                    );
+                  });
+                });
+              });
+            });
+          });
+
+          describe("when call for namespace resolves without namespace", () => {
+            beforeEach(async () => {
+              await callForNamespaceMock.resolve({
+                callWasSuccessful: true,
+                response: undefined,
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("still shows the dock tab for editing namespace", () => {
+              expect(
+                rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+              ).toBeInTheDocument();
+            });
+
+            it("shows error message", () => {
+              expect(
+                rendered.getByTestId("dock-tab-content-for-some-first-tab-id"),
+              ).toHaveTextContent("Resource not found");
+            });
+
+            it("does not show error notification", () => {
+              expect(showErrorNotificationMock).not.toHaveBeenCalled();
+            });
+          });
+
+          describe("when call for namespace resolves with failure", () => {
+            beforeEach(async () => {
+              await callForNamespaceMock.resolve({
+                callWasSuccessful: false,
+                error: "some-error",
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("still shows the dock tab for editing namespace", () => {
+              expect(
+                rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+              ).toBeInTheDocument();
+            });
+
+            it("shows error message", () => {
+              expect(
+                rendered.getByTestId("dock-tab-content-for-some-first-tab-id"),
+              ).toHaveTextContent("Resource not found");
+            });
+
+            it("shows error notification", () => {
+              expect(showErrorNotificationMock).toHaveBeenCalled();
+            });
+          });
+        });
+      });
+    });
+  });
+});
+
+const someNamespaceDataStub = {
+  apiVersion: "some-api-version",
+  kind: "Namespace",
+  metadata: {
+    uid: "some-uid",
+    name: "some-name",
+    resourceVersion: "some-resource-version",
+    selfLink: "/apis/some-api-version/namespaces/some-uid",
+  },
+};
+
+const someOtherNamespaceDataStub = {
+  apiVersion: "some-api-version",
+  kind: "Namespace",
+  metadata: {
+    uid: "some-other-uid",
+    name: "some-other-name",
+    resourceVersion: "some-resource-version",
+    selfLink: "/apis/some-api-version/namespaces/some-other-uid",
+  },
+};
diff --git a/src/features/cluster/namespaces/edit-namespace-from-previously-opened-tab.test.tsx b/src/features/cluster/namespaces/edit-namespace-from-previously-opened-tab.test.tsx
new file mode 100644
index 0000000000..a5f834563b
--- /dev/null
+++ b/src/features/cluster/namespaces/edit-namespace-from-previously-opened-tab.test.tsx
@@ -0,0 +1,149 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import { act } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { CallForResource } from "../../../renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable";
+import callForResourceInjectable from "../../../renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import hostedClusterIdInjectable from "../../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import { controlWhenStoragesAreReady } from "../../../renderer/utils/create-storage/storages-are-ready";
+import writeJsonFileInjectable from "../../../common/fs/write-json-file.injectable";
+import { TabKind } from "../../../renderer/components/dock/dock/store";
+import { Namespace } from "../../../common/k8s-api/endpoints";
+
+describe("cluster/namespaces - edit namespaces from previously opened tab", () => {
+  let builder: ApplicationBuilder;
+  let callForNamespaceMock: AsyncFnMock<CallForResource>;
+  let storagesAreReady: () => Promise<void>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForNamespaceMock = asyncFn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+
+      storagesAreReady = controlWhenStoragesAreReady(windowDi);
+
+      windowDi.override(callForResourceInjectable, () => callForNamespaceMock);
+    });
+
+    builder.allowKubeResource("namespaces");
+  });
+
+  describe("given tab was previously opened, when application is started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart(async (windowDi) => {
+        const writeJsonFile = windowDi.inject(writeJsonFileInjectable);
+
+        await writeJsonFile(
+          "/some-directory-for-lens-local-storage/some-cluster-id.json",
+          {
+            dock: {
+              height: 300,
+              tabs: [
+                {
+                  id: "some-first-tab-id",
+                  kind: TabKind.EDIT_RESOURCE,
+                  title: "Namespace: some-namespace",
+                  pinned: false,
+                },
+              ],
+
+              isOpen: true,
+            },
+
+            edit_resource_store: {
+              "some-first-tab-id": {
+                resource: "/apis/some-api-version/namespaces/some-uid",
+                draft: "some-saved-configuration",
+              },
+            },
+          },
+        );
+      });
+
+      rendered = await builder.render();
+
+      await storagesAreReady();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows dock tab for editing namespace", () => {
+      expect(
+        rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+      ).toBeInTheDocument();
+    });
+
+    it("shows spinner in the dock tab", () => {
+      expect(
+        rendered.getByTestId("edit-resource-tab-spinner"),
+      ).toBeInTheDocument();
+    });
+
+    it("calls for namespace", () => {
+      expect(callForNamespaceMock).toHaveBeenCalledWith(
+        "/apis/some-api-version/namespaces/some-uid",
+      );
+    });
+
+    describe("when call for namespace resolves with namespace", () => {
+      let someNamespace: Namespace;
+
+      beforeEach(async () => {
+        someNamespace = new Namespace({
+          apiVersion: "some-api-version",
+          kind: "Namespace",
+
+          metadata: {
+            uid: "some-uid",
+            name: "some-name",
+            resourceVersion: "some-resource-version",
+            selfLink: "/apis/some-api-version/namespaces/some-uid",
+            somePropertyToBeRemoved: "some-value",
+            somePropertyToBeChanged: "some-old-value",
+          },
+        });
+
+        // TODO: Figure out why act is needed here. In CI it works without it.
+        await act(async () => {
+          await callForNamespaceMock.resolve({
+            callWasSuccessful: true,
+            response: someNamespace,
+          });
+        });
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("has the saved configuration in editor", () => {
+        const input = rendered.getByTestId(
+          "monaco-editor-for-some-first-tab-id",
+        ) as HTMLTextAreaElement;
+
+        expect(input.value).toBe("some-saved-configuration");
+      });
+    });
+  });
+});
diff --git a/src/behaviours/cluster/order-of-sidebar-items.test.tsx b/src/features/cluster/order-of-sidebar-items.test.tsx
similarity index 90%
rename from src/behaviours/cluster/order-of-sidebar-items.test.tsx
rename to src/features/cluster/order-of-sidebar-items.test.tsx
index 368b1b065d..449fb838c1 100644
--- a/src/behaviours/cluster/order-of-sidebar-items.test.tsx
+++ b/src/features/cluster/order-of-sidebar-items.test.tsx
@@ -7,26 +7,30 @@ import type { RenderResult } from "@testing-library/react";
 import { fireEvent } from "@testing-library/react";
 import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
 import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
-import { computed } from "mobx";
+import { computed, runInAction } from "mobx";
 import { noop } from "lodash/fp";
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 
 describe("cluster - order of sidebar items", () => {
   let rendered: RenderResult;
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder().setEnvironmentToClusterFrame();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-      rendererDi.register(testSidebarItemsInjectable);
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(testSidebarItemsInjectable);
+      });
     });
   });
 
   describe("when rendered", () => {
     beforeEach(async () => {
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
diff --git a/src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx b/src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx
similarity index 78%
rename from src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx
rename to src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx
index 5258a51d88..2272fc0db6 100644
--- a/src/behaviours/cluster/sidebar-and-tab-navigation-for-core.test.tsx
+++ b/src/features/cluster/sidebar-and-tab-navigation-for-core.test.tsx
@@ -11,7 +11,7 @@ import directoryForLensLocalStorageInjectable from "../../common/directory-for-l
 import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
 import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
 import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
-import { computed } from "mobx";
+import { computed, runInAction } from "mobx";
 import { noop } from "lodash/fp";
 import routeIsActiveInjectable from "../../renderer/routes/route-is-active.injectable";
 import { frontEndRouteInjectionToken } from "../../common/front-end-routing/front-end-route-injection-token";
@@ -22,22 +22,26 @@ import pathExistsInjectable from "../../common/fs/path-exists.injectable";
 import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
 import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
 import sidebarStorageInjectable from "../../renderer/components/layout/sidebar-storage/sidebar-storage.injectable";
+import hostedClusterIdInjectable from "../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
+import storageSaveDelayInjectable from "../../renderer/utils/create-storage/storage-save-delay.injectable";
 
 describe("cluster - sidebar and tab navigation for core", () => {
-  let applicationBuilder: ApplicationBuilder;
-  let rendererDi: DiContainer;
+  let builder: ApplicationBuilder;
   let rendered: RenderResult;
 
   beforeEach(() => {
-    jest.useFakeTimers();
+    useFakeTime("2015-10-21T07:28:00Z");
 
-    applicationBuilder = getApplicationBuilder();
-    rendererDi = applicationBuilder.dis.rendererDi;
+    builder = getApplicationBuilder();
 
-    applicationBuilder.setEnvironmentToClusterFrame();
+    builder.setEnvironmentToClusterFrame();
 
-    applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-      rendererDi.override(
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(hostedClusterIdInjectable, () => "some-hosted-cluster-id");
+      windowDi.override(storageSaveDelayInjectable, () => 250);
+
+      windowDi.override(
         directoryForLensLocalStorageInjectable,
         () => "/some-directory-for-lens-local-storage",
       );
@@ -46,24 +50,25 @@ describe("cluster - sidebar and tab navigation for core", () => {
 
   describe("given core registrations", () => {
     beforeEach(() => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.register(testRouteInjectable);
-        rendererDi.register(testRouteComponentInjectable);
-        rendererDi.register(testSidebarItemsInjectable);
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testRouteInjectable);
+          windowDi.register(testRouteComponentInjectable);
+          windowDi.register(testSidebarItemsInjectable);
+        });
       });
     });
 
     describe("given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(({ rendererDi }) => {
-          const route = rendererDi.inject(testRouteInjectable);
+        rendered = await builder.render();
 
-          const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
+        const windowDi = builder.applicationWindow.only.di;
 
-          navigateToRoute(route);
-        });
+        const route = windowDi.inject(testRouteInjectable);
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
 
-        rendered = await applicationBuilder.render();
+        navigateToRoute(route);
       });
 
       it("renders", () => {
@@ -89,11 +94,11 @@ describe("cluster - sidebar and tab navigation for core", () => {
 
     describe("given state for expanded sidebar items already exists, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const writeJsonFileFake = rendererDi.inject(writeJsonFileInjectable);
+        builder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
 
           await writeJsonFileFake(
-            "/some-directory-for-lens-local-storage/app.json",
+            "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             {
               sidebar: {
                 expanded: { "some-parent-id": true },
@@ -101,15 +106,13 @@ describe("cluster - sidebar and tab navigation for core", () => {
               },
             },
           );
-        });
 
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const sidebarStorage = rendererDi.inject(sidebarStorageInjectable);
+          const sidebarStorage = windowDi.inject(sidebarStorageInjectable);
 
           await sidebarStorage.whenReady;
         });
 
-        rendered = await applicationBuilder.render();
+        rendered = await builder.render();
       });
 
       it("renders", () => {
@@ -131,11 +134,11 @@ describe("cluster - sidebar and tab navigation for core", () => {
 
     describe("given state for expanded unknown sidebar items already exists, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const writeJsonFileFake = rendererDi.inject(writeJsonFileInjectable);
+        builder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
 
           await writeJsonFileFake(
-            "/some-directory-for-lens-local-storage/app.json",
+            "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             {
               sidebar: {
                 expanded: { "some-unknown-parent-id": true },
@@ -145,7 +148,7 @@ describe("cluster - sidebar and tab navigation for core", () => {
           );
         });
 
-        rendered = await applicationBuilder.render();
+        rendered = await builder.render();
       });
 
       it("renders without errors", () => {
@@ -161,18 +164,18 @@ describe("cluster - sidebar and tab navigation for core", () => {
 
     describe("given empty state for expanded sidebar items already exists, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const writeJsonFileFake = rendererDi.inject(writeJsonFileInjectable);
+        builder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
 
           await writeJsonFileFake(
-            "/some-directory-for-lens-local-storage/app.json",
+            "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             {
               someThingButSidebar: {},
             },
           );
         });
 
-        rendered = await applicationBuilder.render();
+        rendered = await builder.render();
       });
 
       it("renders without errors", () => {
@@ -187,8 +190,12 @@ describe("cluster - sidebar and tab navigation for core", () => {
     });
 
     describe("given no initially persisted state for sidebar items, when rendered", () => {
+      let windowDi: DiContainer;
+
       beforeEach(async () => {
-        rendered = await applicationBuilder.render();
+        rendered = await builder.render();
+
+        windowDi = builder.applicationWindow.only.di;
       });
 
       it("renders", () => {
@@ -262,24 +269,24 @@ describe("cluster - sidebar and tab navigation for core", () => {
           });
 
           it("when not enough time passes, does not store state for expanded sidebar items to file system yet", async () => {
-            jest.advanceTimersByTime(250 - 1);
+            advanceFakeTime(250 - 1);
 
-            const pathExistsFake = rendererDi.inject(pathExistsInjectable);
+            const pathExistsFake = windowDi.inject(pathExistsInjectable);
 
             const actual = await pathExistsFake(
-              "/some-directory-for-lens-local-storage/app.json",
+              "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             );
 
             expect(actual).toBe(false);
           });
 
           it("when enough time passes, stores state for expanded sidebar items to file system", async () => {
-            jest.advanceTimersByTime(250);
+            advanceFakeTime(250);
 
-            const readJsonFileFake = rendererDi.inject(readJsonFileInjectable);
+            const readJsonFileFake = windowDi.inject(readJsonFileInjectable);
 
             const actual = await readJsonFileFake(
-              "/some-directory-for-lens-local-storage/app.json",
+              "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             );
 
             expect(actual).toEqual({
diff --git a/src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx b/src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
similarity index 66%
rename from src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
rename to src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
index 0f625965b8..8d3de582ad 100644
--- a/src/behaviours/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
+++ b/src/features/cluster/sidebar-and-tab-navigation-for-extensions.test.tsx
@@ -13,27 +13,31 @@ import { getApplicationBuilder } from "../../renderer/components/test-utils/get-
 import writeJsonFileInjectable from "../../common/fs/write-json-file.injectable";
 import pathExistsInjectable from "../../common/fs/path-exists.injectable";
 import readJsonFileInjectable from "../../common/fs/read-json-file.injectable";
-import type { DiContainer } from "@ogre-tools/injectable";
 import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
 import assert from "assert";
-import type { FakeExtensionData } from "../../renderer/components/test-utils/get-renderer-extension-fake";
-import { getRendererExtensionFakeFor } from "../../renderer/components/test-utils/get-renderer-extension-fake";
+import hostedClusterIdInjectable from "../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
+import type { IObservableValue } from "mobx";
+import { runInAction, computed, observable } from "mobx";
+import storageSaveDelayInjectable from "../../renderer/utils/create-storage/storage-save-delay.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
 
 describe("cluster - sidebar and tab navigation for extensions", () => {
   let applicationBuilder: ApplicationBuilder;
-  let rendererDi: DiContainer;
   let rendered: RenderResult;
 
   beforeEach(() => {
-    jest.useFakeTimers();
+    useFakeTime("2015-10-21T07:28:00Z");
 
     applicationBuilder = getApplicationBuilder();
-    rendererDi = applicationBuilder.dis.rendererDi;
 
     applicationBuilder.setEnvironmentToClusterFrame();
 
-    applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-      rendererDi.override(
+    applicationBuilder.beforeWindowStart((windowDi) => {
+      windowDi.override(hostedClusterIdInjectable, () => "some-hosted-cluster-id");
+      windowDi.override(storageSaveDelayInjectable, () => 250);
+
+      windowDi.override(
         directoryForLensLocalStorageInjectable,
         () => "/some-directory-for-lens-local-storage",
       );
@@ -41,31 +45,110 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
   });
 
   describe("given extension with cluster pages and cluster page menus", () => {
-    beforeEach(() => {
-      const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-      const testExtension = getRendererExtensionFake(extensionStubWithSidebarItems);
+    let someObservable: IObservableValue<boolean>;
 
-      applicationBuilder.extensions.renderer.enable(testExtension);
+    beforeEach(() => {
+      someObservable = observable.box(false);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension-name",
+
+        rendererOptions: {
+          clusterPages: [
+            {
+              components: {
+                Page: () => {
+                  throw new Error("should never come here");
+                },
+              },
+            },
+            {
+              id: "some-child-page-id",
+
+              components: {
+                Page: () => <div data-testid="some-child-page">Some child page</div>,
+              },
+            },
+            {
+              id: "some-other-child-page-id",
+
+              components: {
+                Page: () => (
+                  <div data-testid="some-other-child-page">Some other child page</div>
+                ),
+              },
+            },
+          ],
+
+          clusterPageMenus: [
+            {
+              id: "some-parent-id",
+              title: "Parent",
+
+              components: {
+                Icon: () => <div>Some icon</div>,
+              },
+            },
+
+            {
+              id: "some-child-id",
+              target: { pageId: "some-child-page-id" },
+              parentId: "some-parent-id",
+              title: "Child 1",
+
+              components: {
+                Icon: null as never,
+              },
+            },
+
+            {
+              id: "some-other-child-id",
+              target: { pageId: "some-other-child-page-id" },
+              parentId: "some-parent-id",
+              title: "Child 2",
+
+              components: {
+                Icon: null as never,
+              },
+            },
+
+            {
+              id: "some-menu-with-controlled-visibility",
+              title: "Some menu with controlled visibility",
+              visible: computed(() => someObservable.get()),
+
+              components: {
+                Icon: () => <div>Some icon</div>,
+              },
+            },
+          ],
+        },
+      };
+
+      applicationBuilder.extensions.enable(testExtension);
     });
 
     describe("given no state for expanded sidebar items exists, and navigated to child sidebar item, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(({ rendererDi }) => {
-          const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
-          const route = rendererDi
-            .inject(routesInjectable)
-            .get()
-            .find(
-              matches({
-                path: "/extension/some-extension-name/some-child-page-id",
-              }),
-            );
-
-          assert(route);
-          navigateToRoute(route);
-        });
-
         rendered = await applicationBuilder.render();
+
+        const windowDi = applicationBuilder.applicationWindow.only.di;
+
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+
+        const route = windowDi
+          .inject(routesInjectable)
+          .get()
+          .find(
+            matches({
+              path: "/extension/some-extension-name/some-child-page-id",
+            }),
+          );
+
+        assert(route);
+        navigateToRoute(route);
+
       });
 
       it("renders", () => {
@@ -91,11 +174,11 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
     describe("given state for expanded sidebar items already exists, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const writeJsonFileFake = rendererDi.inject(writeJsonFileInjectable);
+        applicationBuilder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
 
           await writeJsonFileFake(
-            "/some-directory-for-lens-local-storage/app.json",
+            "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             {
               sidebar: {
                 expanded: { "some-extension-name-some-parent-id": true },
@@ -127,11 +210,11 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
     describe("given state for expanded unknown sidebar items already exists, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const writeJsonFileFake = rendererDi.inject(writeJsonFileInjectable);
+        applicationBuilder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
 
           await writeJsonFileFake(
-            "/some-directory-for-lens-local-storage/app.json",
+            "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             {
               sidebar: {
                 expanded: { "some-extension-name-some-unknown-parent-id": true },
@@ -157,11 +240,11 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
 
     describe("given empty state for expanded sidebar items already exists, when rendered", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeRender(async ({ rendererDi }) => {
-          const writeJsonFileFake = rendererDi.inject(writeJsonFileInjectable);
+        applicationBuilder.beforeWindowStart(async (windowDi) => {
+          const writeJsonFileFake = windowDi.inject(writeJsonFileInjectable);
 
           await writeJsonFileFake(
-            "/some-directory-for-lens-local-storage/app.json",
+            "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             {
               someThingButSidebar: {},
             },
@@ -183,8 +266,12 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
     });
 
     describe("given no initially persisted state for sidebar items, when rendered", () => {
+      let windowDi: DiContainer;
+
       beforeEach(async () => {
         rendered = await applicationBuilder.render();
+
+        windowDi = applicationBuilder.applicationWindow.only.di;
       });
 
       it("renders", () => {
@@ -203,6 +290,26 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
         expect(child).toBeNull();
       });
 
+      it("does not show the sidebar item that should be hidden", () => {
+        const child = rendered.queryByTestId(
+          "sidebar-item-some-extension-name-some-menu-with-controlled-visibility",
+        );
+
+        expect(child).not.toBeInTheDocument();
+      });
+
+      it("when sidebar item becomes visible, shows the sidebar item", () => {
+        runInAction(() => {
+          someObservable.set(true);
+        });
+
+        const child = rendered.queryByTestId(
+          "sidebar-item-some-extension-name-some-menu-with-controlled-visibility",
+        );
+
+        expect(child).toBeInTheDocument();
+      });
+
       describe("when a parent sidebar item is expanded", () => {
         beforeEach(() => {
           const parentLink = rendered.getByTestId(
@@ -278,24 +385,24 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
           });
 
           it("when not enough time passes, does not store state for expanded sidebar items to file system yet", async () => {
-            jest.advanceTimersByTime(250 - 1);
+            advanceFakeTime(250 - 1);
 
-            const pathExistsFake = rendererDi.inject(pathExistsInjectable);
+            const pathExistsFake = windowDi.inject(pathExistsInjectable);
 
             const actual = await pathExistsFake(
-              "/some-directory-for-lens-local-storage/app.json",
+              "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             );
 
             expect(actual).toBe(false);
           });
 
           it("when enough time passes, stores state for expanded sidebar items to file system", async () => {
-            jest.advanceTimersByTime(250);
+            advanceFakeTime(250);
 
-            const readJsonFileFake = rendererDi.inject(readJsonFileInjectable);
+            const readJsonFileFake = windowDi.inject(readJsonFileInjectable);
 
             const actual = await readJsonFileFake(
-              "/some-directory-for-lens-local-storage/app.json",
+              "/some-directory-for-lens-local-storage/some-hosted-cluster-id.json",
             );
 
             expect(actual).toEqual({
@@ -346,65 +453,3 @@ describe("cluster - sidebar and tab navigation for extensions", () => {
     });
   });
 });
-
-const extensionStubWithSidebarItems: FakeExtensionData = {
-  id: "some-extension-id",
-  name: "some-extension-name",
-  clusterPages: [
-    {
-      components: {
-        Page: () => {
-          throw new Error("should never come here");
-        },
-      },
-    },
-    {
-      id: "some-child-page-id",
-
-      components: {
-        Page: () => <div data-testid="some-child-page">Some child page</div>,
-      },
-    },
-    {
-      id: "some-other-child-page-id",
-
-      components: {
-        Page: () => (
-          <div data-testid="some-other-child-page">Some other child page</div>
-        ),
-      },
-    },
-  ],
-  clusterPageMenus: [
-    {
-      id: "some-parent-id",
-      title: "Parent",
-
-      components: {
-        Icon: () => <div>Some icon</div>,
-      },
-    },
-
-    {
-      id: "some-child-id",
-      target: { pageId: "some-child-page-id" },
-      parentId: "some-parent-id",
-      title: "Child 1",
-
-      components: {
-        Icon: null as never,
-      },
-    },
-
-    {
-      id: "some-other-child-id",
-      target: { pageId: "some-other-child-page-id" },
-      parentId: "some-parent-id",
-      title: "Child 2",
-
-      components: {
-        Icon: null as never,
-      },
-    },
-  ],
-};
diff --git a/src/behaviours/cluster/visibility-of-sidebar-items.test.tsx b/src/features/cluster/visibility-of-sidebar-items.test.tsx
similarity index 86%
rename from src/behaviours/cluster/visibility-of-sidebar-items.test.tsx
rename to src/features/cluster/visibility-of-sidebar-items.test.tsx
index 2fb837b9ed..0e09f0efa8 100644
--- a/src/behaviours/cluster/visibility-of-sidebar-items.test.tsx
+++ b/src/features/cluster/visibility-of-sidebar-items.test.tsx
@@ -6,7 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import type { RenderResult } from "@testing-library/react";
 import type { SidebarItemRegistration } from "../../renderer/components/layout/sidebar-items.injectable";
 import { sidebarItemsInjectionToken } from "../../renderer/components/layout/sidebar-items.injectable";
-import { computed } from "mobx";
+import { computed, runInAction } from "mobx";
 import { routeSpecificComponentInjectionToken } from "../../renderer/routes/route-specific-component-injection-token";
 import React from "react";
 import isAllowedResourceInjectable from "../../common/utils/is-allowed-resource.injectable";
@@ -16,24 +16,26 @@ import { getApplicationBuilder } from "../../renderer/components/test-utils/get-
 import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
 
 describe("cluster - visibility of sidebar items", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let rendered: RenderResult;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.setEnvironmentToClusterFrame();
+    builder.setEnvironmentToClusterFrame();
 
-    applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-      rendererDi.register(testRouteInjectable);
-      rendererDi.register(testRouteComponentInjectable);
-      rendererDi.register(testSidebarItemsInjectable);
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(testRouteInjectable);
+        windowDi.register(testRouteComponentInjectable);
+        windowDi.register(testSidebarItemsInjectable);
+      });
     });
   });
 
   describe("given kube resource for route is not allowed", () => {
     beforeEach(async () => {
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -48,7 +50,7 @@ describe("cluster - visibility of sidebar items", () => {
 
     describe("when kube resource becomes allowed", () => {
       beforeEach(() => {
-        applicationBuilder.allowKubeResource("namespaces");
+        builder.allowKubeResource("namespaces");
       });
 
       it("renders", () => {
diff --git a/src/features/cluster/workload-overview.test.tsx b/src/features/cluster/workload-overview.test.tsx
new file mode 100644
index 0000000000..1a6750a8f9
--- /dev/null
+++ b/src/features/cluster/workload-overview.test.tsx
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RenderResult } from "@testing-library/react";
+import navigateToWorkloadsOverviewInjectable from "../../common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.injectable";
+import { type ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("workload overview", () => {
+  let rendered: RenderResult;
+  let applicationBuilder: ApplicationBuilder;
+
+  beforeEach(async () => {
+    applicationBuilder = getApplicationBuilder().setEnvironmentToClusterFrame();
+    applicationBuilder.allowKubeResource("pods");
+    rendered = await applicationBuilder.render();
+  });
+
+  describe("when navigating to workload overview", () => {
+    beforeEach(() => {
+      applicationBuilder.navigateWith(navigateToWorkloadsOverviewInjectable);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows workload overview", () => {
+      expect(rendered.queryByTestId("page-for-workloads-overview")).toBeInTheDocument();
+    });
+
+    it("shows pods pie chart", () => {
+      expect(rendered.queryByTestId("workload-overview-status-chart-pods")).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap b/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
new file mode 100644
index 0000000000..2fd23c30cc
--- /dev/null
+++ b/src/features/cluster/workloads/overview/extension-api/__snapshots__/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx.snap
@@ -0,0 +1,1527 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`disable workloads overview details when cluster is not relevant given extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+              <div
+                data-testid="some-detail-component"
+              >
+                Some detail component
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable workloads overview details when cluster is not relevant given extension shouldn't be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`disable workloads overview details when cluster is not relevant given not yet known if extension should be enabled for the cluster renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/cluster/workloads/overview/extension-api/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx b/src/features/cluster/workloads/overview/extension-api/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx
new file mode 100644
index 0000000000..4b19be2cb5
--- /dev/null
+++ b/src/features/cluster/workloads/overview/extension-api/disable-workloads-overview-details-when-cluster-is-not-relevant.test.tsx
@@ -0,0 +1,113 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../../../renderer/components/test-utils/get-application-builder";
+import type { KubernetesCluster } from "../../../../../common/catalog-entities";
+import { getApplicationBuilder } from "../../../../../renderer/components/test-utils/get-application-builder";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../../../renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import apiManagerInjectable from "../../../../../common/k8s-api/api-manager/manager.injectable";
+import navigateToWorkloadsOverviewInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.injectable";
+import React from "react";
+
+describe("disable workloads overview details when cluster is not relevant", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let isEnabledForClusterMock: AsyncFnMock<
+    (cluster: KubernetesCluster) => Promise<boolean>
+  >;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(apiManagerInjectable, () => ({}));
+    });
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(extensionShouldBeEnabledForClusterFrameInjectable);
+    });
+
+    isEnabledForClusterMock = asyncFn();
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        isEnabledForCluster: isEnabledForClusterMock,
+
+        kubeWorkloadsOverviewItems: [
+          {
+            components: {
+              Details: () => (
+                <div data-testid="some-detail-component">Some detail component</div>
+              ),
+            },
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToWorkloadsOverview = windowDi.inject(
+      navigateToWorkloadsOverviewInjectable,
+    );
+
+    navigateToWorkloadsOverview();
+
+    builder.extensions.enable(testExtension);
+  });
+
+  describe("given not yet known if extension should be enabled for the cluster", () => {
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the detail", () => {
+      const actual = rendered.queryByTestId("some-detail-component");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension shouldn't be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(false);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the detail", () => {
+      const actual = rendered.queryByTestId("some-detail-component");
+
+      expect(actual).not.toBeInTheDocument();
+    });
+  });
+
+  describe("given extension should be enabled for the cluster", () => {
+    beforeEach(async () => {
+      await isEnabledForClusterMock.resolve(true);
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows the detail", () => {
+      const actual = rendered.getByTestId("some-detail-component");
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/features/cluster/workloads/overview/extension-api/order-of-workload-overview-details.test.tsx b/src/features/cluster/workloads/overview/extension-api/order-of-workload-overview-details.test.tsx
new file mode 100644
index 0000000000..620b2cabb1
--- /dev/null
+++ b/src/features/cluster/workloads/overview/extension-api/order-of-workload-overview-details.test.tsx
@@ -0,0 +1,147 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import { getApplicationBuilder } from "../../../../../renderer/components/test-utils/get-application-builder";
+import React from "react";
+import getRandomIdInjectable from "../../../../../common/utils/get-random-id.injectable";
+import { workloadOverviewDetailInjectionToken } from "../../../../../renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-injection-token";
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed, runInAction } from "mobx";
+
+describe("order of workload overview details", () => {
+  let rendered: RenderResult;
+
+  beforeEach(async () => {
+    const builder = getApplicationBuilder();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(getRandomIdInjectable);
+      windowDi.permitSideEffects(getRandomIdInjectable);
+
+      runInAction(() => {
+        windowDi.register(
+          someCoreItemWithLowOrderNumberInjectable,
+          someCoreItemWithHighOrderNumberInjectable,
+          someCoreItemWithDefaultOrderNumberInjectable,
+        );
+      });
+    });
+
+    builder.setEnvironmentToClusterFrame();
+
+    rendered = await builder.render();
+
+    const testExtension = {
+      id: "some-extension-id",
+      name: "some-extension",
+
+      rendererOptions: {
+        kubeWorkloadsOverviewItems: [
+          {
+            components: {
+              Details: () => (
+                <div
+                  data-testid="workload-overview-detail"
+                  id="some-extension-item-without-priority"
+                />
+              ),
+            },
+          },
+          {
+            priority: 70,
+            components: {
+              Details: () => (
+                <div
+                  data-testid="workload-overview-detail"
+                  id="some-extension-item-with-high-priority"
+                />
+              ),
+            },
+          },
+          {
+            priority: 10,
+            components: {
+              Details: () => (
+                <div
+                  data-testid="workload-overview-detail"
+                  id="some-extension-item-with-low-priority"
+                />
+              ),
+            },
+          },
+        ],
+      },
+    };
+
+    builder.extensions.enable(testExtension);
+  });
+
+  it("shows items in correct order", () => {
+    const actual = rendered.queryAllByTestId("workload-overview-detail").map(x => x.id);
+
+    expect(actual).toEqual([
+      "some-core-item-with-low-order-number",
+      "some-extension-item-with-high-priority",
+      "some-core-item-with-default-order-number",
+      "some-extension-item-without-priority",
+      "some-core-item-with-high-order-number",
+      "some-extension-item-with-low-priority",
+    ]);
+  });
+});
+
+const someCoreItemWithLowOrderNumberInjectable = getInjectable({
+  id: "some-core-item-with-low-order-number",
+
+  instantiate: () => ({
+    orderNumber: 30,
+    enabled: computed(() => true),
+
+    Component: () => (
+      <div
+        data-testid="workload-overview-detail"
+        id="some-core-item-with-low-order-number"
+      />
+    ),
+  }),
+
+  injectionToken: workloadOverviewDetailInjectionToken,
+});
+
+const someCoreItemWithDefaultOrderNumberInjectable = getInjectable({
+  id: "some-core-item-with-default-order-number",
+
+  instantiate: () => ({
+    orderNumber: 50,
+    enabled: computed(() => true),
+
+    Component: () => (
+      <div
+        data-testid="workload-overview-detail"
+        id="some-core-item-with-default-order-number"
+      />
+    ),
+  }),
+
+  injectionToken: workloadOverviewDetailInjectionToken,
+});
+
+const someCoreItemWithHighOrderNumberInjectable = getInjectable({
+  id: "some-core-item-high-order-number",
+
+  instantiate: () => ({
+    orderNumber: 60,
+    enabled: computed(() => true),
+
+    Component: () => (
+      <div
+        data-testid="workload-overview-detail"
+        id="some-core-item-with-high-order-number"
+      />
+    ),
+  }),
+
+  injectionToken: workloadOverviewDetailInjectionToken,
+});
diff --git a/src/features/cluster/workloads/overview/extension-api/reactively-hide-workloads-overview-details-item.test.tsx b/src/features/cluster/workloads/overview/extension-api/reactively-hide-workloads-overview-details-item.test.tsx
new file mode 100644
index 0000000000..fbc8ceebca
--- /dev/null
+++ b/src/features/cluster/workloads/overview/extension-api/reactively-hide-workloads-overview-details-item.test.tsx
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { IObservableValue } from "mobx";
+import { computed, observable, runInAction } from "mobx";
+import React from "react";
+import navigateToWorkloadsOverviewInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/overview/navigate-to-workloads-overview.injectable";
+import type { ApplicationBuilder } from "../../../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../../../renderer/components/test-utils/get-application-builder";
+
+describe("reactively hide workloads overview details item", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    someObservable = observable.box(false);
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        kubeWorkloadsOverviewItems: [
+          {
+            components: {
+              Details: () => (
+                <div data-testid="some-workload-overview-detail-item">Some detail component</div>
+              ),
+            },
+
+            visible: computed(() => someObservable.get()),
+          },
+        ],
+      },
+    };
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    const navigateToWorkloadsOverview = windowDi.inject(
+      navigateToWorkloadsOverviewInjectable,
+    );
+
+    navigateToWorkloadsOverview();
+
+    builder.extensions.enable(testExtension);
+  });
+
+  it("does not show the workload overview detail item", () => {
+    const actual = rendered.queryByTestId("some-workload-overview-detail-item");
+
+    expect(actual).not.toBeInTheDocument();
+  });
+
+  it("given item should be shown, shows the workload overview detail item", () => {
+    runInAction(() => {
+      someObservable.set(true);
+    });
+
+    const actual = rendered.queryByTestId("some-workload-overview-detail-item");
+
+    expect(actual).toBeInTheDocument();
+  });
+});
diff --git a/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap b/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
new file mode 100644
index 0000000000..cf68d3d742
--- /dev/null
+++ b/src/features/command-pallet/__snapshots__/keyboard-shortcuts.test.tsx.snap
@@ -0,0 +1,1965 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Command Pallet: keyboard shortcut tests when on linux renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="winMenu"
+          >
+            <div
+              data-testid="window-menu"
+            >
+              <svg
+                height="12"
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+                width="12"
+              >
+                <path
+                  d="M0,8.5h12v1H0V8.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,5.5h12v1H0V5.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,2.5h12v1H0V2.5z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        >
+          <div
+            class="windowButtons linuxButtons"
+          >
+            <div
+              class="minimize"
+              data-testid="window-minimize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="currentColor"
+                  height="1"
+                  width="10"
+                  x="1"
+                  y="9"
+                />
+              </svg>
+            </div>
+            <div
+              class="maximize"
+              data-testid="window-maximize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="none"
+                  height="9"
+                  stroke="currentColor"
+                  width="9"
+                  x="1.5"
+                  y="1.5"
+                />
+              </svg>
+            </div>
+            <div
+              class="close"
+              data-testid="window-close"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <polygon
+                  fill="currentColor"
+                  points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on linux when pressing ESC renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="winMenu"
+          >
+            <div
+              data-testid="window-menu"
+            >
+              <svg
+                height="12"
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+                width="12"
+              >
+                <path
+                  d="M0,8.5h12v1H0V8.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,5.5h12v1H0V5.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,2.5h12v1H0V2.5z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        >
+          <div
+            class="windowButtons linuxButtons"
+          >
+            <div
+              class="minimize"
+              data-testid="window-minimize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="currentColor"
+                  height="1"
+                  width="10"
+                  x="1"
+                  y="9"
+                />
+              </svg>
+            </div>
+            <div
+              class="maximize"
+              data-testid="window-maximize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="none"
+                  height="9"
+                  stroke="currentColor"
+                  width="9"
+                  x="1.5"
+                  y="1.5"
+                />
+              </svg>
+            </div>
+            <div
+              class="close"
+              data-testid="window-close"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <polygon
+                  fill="currentColor"
+                  points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on linux when pressing SHIFT+CTRL+P renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="winMenu"
+          >
+            <div
+              data-testid="window-menu"
+            >
+              <svg
+                height="12"
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+                width="12"
+              >
+                <path
+                  d="M0,8.5h12v1H0V8.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,5.5h12v1H0V5.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,2.5h12v1H0V2.5z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        >
+          <div
+            class="windowButtons linuxButtons"
+          >
+            <div
+              class="minimize"
+              data-testid="window-minimize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="currentColor"
+                  height="1"
+                  width="10"
+                  x="1"
+                  y="9"
+                />
+              </svg>
+            </div>
+            <div
+              class="maximize"
+              data-testid="window-maximize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="none"
+                  height="9"
+                  stroke="currentColor"
+                  width="9"
+                  x="1.5"
+                  y="1.5"
+                />
+              </svg>
+            </div>
+            <div
+              class="close"
+              data-testid="window-close"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <polygon
+                  fill="currentColor"
+                  points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Dialog flex center"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="CommandContainer"
+        data-testid="command-container"
+      />
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on linux when pressing SHIFT+CTRL+P when pressing ESC renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <div
+            class="winMenu"
+          >
+            <div
+              data-testid="window-menu"
+            >
+              <svg
+                height="12"
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+                width="12"
+              >
+                <path
+                  d="M0,8.5h12v1H0V8.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,5.5h12v1H0V5.5z"
+                  fill="currentColor"
+                />
+                <path
+                  d="M0,2.5h12v1H0V2.5z"
+                  fill="currentColor"
+                />
+              </svg>
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        >
+          <div
+            class="windowButtons linuxButtons"
+          >
+            <div
+              class="minimize"
+              data-testid="window-minimize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="currentColor"
+                  height="1"
+                  width="10"
+                  x="1"
+                  y="9"
+                />
+              </svg>
+            </div>
+            <div
+              class="maximize"
+              data-testid="window-maximize"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <rect
+                  fill="none"
+                  height="9"
+                  stroke="currentColor"
+                  width="9"
+                  x="1.5"
+                  y="1.5"
+                />
+              </svg>
+            </div>
+            <div
+              class="close"
+              data-testid="window-close"
+            >
+              <svg
+                shape-rendering="crispEdges"
+                viewBox="0 0 12 12"
+              >
+                <polygon
+                  fill="currentColor"
+                  points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on macOS renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing ESC renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing SHIFT+CMD+P renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Dialog flex center"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="CommandContainer"
+        data-testid="command-container"
+      />
+    </div>
+  </div>
+</body>
+`;
+
+exports[`Command Pallet: keyboard shortcut tests when on macOS when pressing SHIFT+CMD+P when pressing ESC renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/command-pallet/keyboard-shortcuts.test.tsx b/src/features/command-pallet/keyboard-shortcuts.test.tsx
new file mode 100644
index 0000000000..ddf18b2f76
--- /dev/null
+++ b/src/features/command-pallet/keyboard-shortcuts.test.tsx
@@ -0,0 +1,154 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RenderResult } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import platformInjectable from "../../common/vars/platform.injectable";
+import { type ApplicationBuilder, getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("Command Pallet: keyboard shortcut tests", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("when on macOS", () => {
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(platformInjectable, () => "darwin");
+      });
+
+      rendered = await builder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the command pallet yet", () => {
+      const actual = rendered.queryByTestId("command-container");
+
+      expect(actual).toBeNull();
+    });
+
+    describe("when pressing ESC", () => {
+      beforeEach(() => {
+        userEvent.keyboard("{Escape}");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("does not show the command pallet yet", () => {
+        const actual = rendered.queryByTestId("command-container");
+
+        expect(actual).toBeNull();
+      });
+    });
+
+    describe("when pressing SHIFT+CMD+P", () => {
+      beforeEach(() => {
+        userEvent.keyboard("{Shift>}{Meta>}P{/Meta}{/Shift}");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the command pallet", () => {
+        const actual = rendered.queryByTestId("command-container");
+
+        expect(actual).toBeInTheDocument();
+      });
+
+      describe("when pressing ESC", () => {
+        beforeEach(() => {
+          userEvent.keyboard("{Escape}");
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("no longer shows the command pallet", () => {
+          const actual = rendered.queryByTestId("command-container");
+
+          expect(actual).toBeNull();
+        });
+      });
+    });
+  });
+
+  describe("when on linux", () => {
+    beforeEach(async () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(platformInjectable, () => "linux");
+      });
+
+      rendered = await builder.render();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show the command pallet yet", () => {
+      const actual = rendered.queryByTestId("command-container");
+
+      expect(actual).toBeNull();
+    });
+
+    describe("when pressing ESC", () => {
+      beforeEach(() => {
+        userEvent.keyboard("{Escape}");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("does not show the command pallet yet", () => {
+        const actual = rendered.queryByTestId("command-container");
+
+        expect(actual).toBeNull();
+      });
+    });
+
+    describe("when pressing SHIFT+CTRL+P", () => {
+      beforeEach(() => {
+        userEvent.keyboard("{Shift>}{Control>}P{/Control}{/Shift}");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows the command pallet", () => {
+        const actual = rendered.queryByTestId("command-container");
+
+        expect(actual).toBeInTheDocument();
+      });
+
+      describe("when pressing ESC", () => {
+        beforeEach(() => {
+          userEvent.keyboard("{Escape}");
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("no longer shows the command pallet", () => {
+          const actual = rendered.queryByTestId("command-container");
+
+          expect(actual).toBeNull();
+        });
+      });
+    });
+  });
+});
diff --git a/src/behaviours/extension-special-characters-in-page-registrations.test.tsx b/src/features/extension-special-characters-in-page-registrations.test.tsx
similarity index 55%
rename from src/behaviours/extension-special-characters-in-page-registrations.test.tsx
rename to src/features/extension-special-characters-in-page-registrations.test.tsx
index f30e300582..ac038a5743 100644
--- a/src/behaviours/extension-special-characters-in-page-registrations.test.tsx
+++ b/src/features/extension-special-characters-in-page-registrations.test.tsx
@@ -2,30 +2,27 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import type { FakeExtensionData, TestExtension } from "../renderer/components/test-utils/get-renderer-extension-fake";
-import { getRendererExtensionFakeFor } from "../renderer/components/test-utils/get-renderer-extension-fake";
 import React from "react";
 import type { RenderResult } from "@testing-library/react";
 import currentPathInjectable from "../renderer/routes/current-path.injectable";
 import type { ApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { FakeExtensionOptions } from "../renderer/components/test-utils/get-extension-fake";
 
 describe("extension special characters in page registrations", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let rendered: RenderResult;
-  let testExtension: TestExtension;
+  let windowDi: DiContainer;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
-    const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
+    builder = getApplicationBuilder();
 
-    testExtension = getRendererExtensionFake(
-      extensionWithPagesHavingSpecialCharacters,
-    );
+    rendered = await builder.render();
 
-    applicationBuilder.extensions.renderer.enable(testExtension);
+    builder.extensions.enable(extensionWithPagesHavingSpecialCharacters);
 
-    rendered = await applicationBuilder.render();
+    windowDi = builder.applicationWindow.only.di;
   });
 
   it("renders", () => {
@@ -34,6 +31,9 @@ describe("extension special characters in page registrations", () => {
 
   describe("when navigating to route with ID having special characters", () => {
     beforeEach(() => {
+      const testExtension =
+        builder.extensions.get("some-extension-id").applicationWindows.only;
+
       testExtension.navigate("/some-page-id/");
     });
 
@@ -42,22 +42,25 @@ describe("extension special characters in page registrations", () => {
     });
 
     it("knows URL", () => {
-      const currentPath = applicationBuilder.dis.rendererDi.inject(currentPathInjectable);
+      const currentPath = windowDi.inject(currentPathInjectable);
 
       expect(currentPath.get()).toBe("/extension/some-extension-name--/some-page-id");
     });
   });
 });
 
-const extensionWithPagesHavingSpecialCharacters: FakeExtensionData = {
+const extensionWithPagesHavingSpecialCharacters: FakeExtensionOptions = {
   id: "some-extension-id",
   name: "@some-extension-name/",
-  globalPages: [
-    {
-      id: "/some-page-id/",
-      components: {
-        Page: () => <div>Some page</div>,
+
+  rendererOptions: {
+    globalPages: [
+      {
+        id: "/some-page-id/",
+        components: {
+          Page: () => <div>Some page</div>,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
diff --git a/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
new file mode 100644
index 0000000000..118c5b9cc3
--- /dev/null
+++ b/src/features/extensions/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -0,0 +1,427 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`extensions - navigation using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`extensions - navigation using application menu when navigating to extensions using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout DropFileInput Extensions"
+        data-testid="extensions-page"
+      >
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section>
+              <h1>
+                Extensions
+              </h1>
+              <div
+                class="notice"
+              >
+                <p>
+                  Add new features via Lens Extensions. Check out the 
+                  <a
+                    href="https://docs.k8slens.dev/main/extensions/"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    docs
+                  </a>
+                   and list of 
+                  <a
+                    href="https://github.com/lensapp/lens-extensions/blob/main/README.md"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    available extensions
+                  </a>
+                  .
+                </p>
+              </div>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Name or file path or URL to an extension package (tar, tgz)
+                   
+                </div>
+                <div
+                  class="inputs"
+                >
+                  <div />
+                  <div>
+                    <button
+                      class="Button button primary"
+                      data-waiting="false"
+                      type="button"
+                    >
+                      Install
+                    </button>
+                  </div>
+                </div>
+                <small
+                  class="proTip"
+                >
+                  <b>
+                    Pro-Tip
+                  </b>
+                  : you can drag-n-drop tarball-file to this area
+                </small>
+              </section>
+              <div>
+                <div
+                  class="Spinner singleColor center"
+                />
+              </div>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div>
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/behaviours/extensions/navigation-using-application-menu.test.ts b/src/features/extensions/navigation-using-application-menu.test.ts
similarity index 82%
rename from src/behaviours/extensions/navigation-using-application-menu.test.ts
rename to src/features/extensions/navigation-using-application-menu.test.ts
index a8b9cc55b1..a9e7e23b74 100644
--- a/src/behaviours/extensions/navigation-using-application-menu.test.ts
+++ b/src/features/extensions/navigation-using-application-menu.test.ts
@@ -12,18 +12,20 @@ import focusWindowInjectable from "../../renderer/navigation/focus-window.inject
 jest.mock("../../renderer/components/input/input");
 
 describe("extensions - navigation using application menu", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let rendered: RenderResult;
   let focusWindowMock: jest.Mock;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder().beforeApplicationStart(({ rendererDi }) => {
+    builder = getApplicationBuilder();
+
+    builder.beforeWindowStart((windowDi) => {
       focusWindowMock = jest.fn();
 
-      rendererDi.override(focusWindowInjectable, () => focusWindowMock);
+      windowDi.override(focusWindowInjectable, () => focusWindowMock);
     });
 
-    rendered = await applicationBuilder.render();
+    rendered = await builder.render();
   });
 
   it("renders", () => {
@@ -38,7 +40,7 @@ describe("extensions - navigation using application menu", () => {
 
   describe("when navigating to extensions using application menu", () => {
     beforeEach(() => {
-      applicationBuilder.applicationMenu.click("root.extensions");
+      builder.applicationMenu.click("root.extensions");
     });
 
     it("focuses the window", () => {
diff --git a/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..c02c727480
--- /dev/null
+++ b/src/features/helm-charts/__snapshots__/add-custom-helm-repository-in-preferences.test.ts.snap
@@ -0,0 +1,8202 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused invalid"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value=""
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input invalid"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value=""
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button primary"
+              data-testid="custom-helm-repository-submit-button"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when closing the dialog by clicking cancel renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    />
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value="some-custom-repository"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value="http://some.url"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button primary"
+              data-testid="custom-helm-repository-submit-button"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value="some-custom-repository"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value="http://some.url"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="remove"
+                  >
+                    remove
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+              <div
+                data-testid="maximal-options-for-custom-helm-repository-dialog"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Security settings
+                   
+                </div>
+                <label
+                  class="Checkbox flex align-center"
+                >
+                  <input
+                    data-testid="custom-helm-repository-verify-tls-input"
+                    type="checkbox"
+                  />
+                  <i
+                    class="box flex align-center"
+                  />
+                  <span
+                    class="label"
+                  >
+                    Skip TLS certificate checks for the repository
+                  </span>
+                </label>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Input box grow invalid validating validatingLine"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        data-testid="custom-helm-repository-key-file-input"
+                        placeholder="Key file"
+                        spellcheck="false"
+                        value=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <i
+                    class="Icon material interactive focusable"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="folder"
+                    >
+                      folder
+                    </span>
+                  </i>
+                  <div>
+                    Browse
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Input box grow invalid validating validatingLine"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        data-testid="custom-helm-repository-ca-cert-file-input"
+                        placeholder="Ca file"
+                        spellcheck="false"
+                        value=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <i
+                    class="Icon material interactive focusable"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="folder"
+                    >
+                      folder
+                    </span>
+                  </i>
+                  <div>
+                    Browse
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Input box grow invalid validating validatingLine"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        data-testid="custom-helm-repository-cert-file-input"
+                        placeholder="Certificate file"
+                        spellcheck="false"
+                        value=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <i
+                    class="Icon material interactive focusable"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="folder"
+                    >
+                      folder
+                    </span>
+                  </i>
+                  <div>
+                    Browse
+                  </div>
+                </div>
+                <div
+                  class="SubTitle"
+                >
+                  Chart Repository Credentials
+                   
+                </div>
+                <div
+                  class="Input"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      data-testid="custom-helm-repository-username-input"
+                      placeholder="Username"
+                      spellcheck="false"
+                      value=""
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+                <div
+                  class="Input"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      data-testid="custom-helm-repository-password-input"
+                      placeholder="Password"
+                      spellcheck="false"
+                      type="password"
+                      value=""
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button primary"
+              data-testid="custom-helm-repository-submit-button"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options when hiding maximal options renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value="some-custom-repository"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value="http://some.url"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button primary"
+              data-testid="custom-helm-repository-submit-button"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when showing the maximal options when inputted maximal options renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused dirty"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value="some-custom-repository"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input dirty"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value="http://some.url"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="remove"
+                  >
+                    remove
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+              <div
+                data-testid="maximal-options-for-custom-helm-repository-dialog"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Security settings
+                   
+                </div>
+                <label
+                  class="Checkbox flex align-center checked"
+                >
+                  <input
+                    data-testid="custom-helm-repository-verify-tls-input"
+                    type="checkbox"
+                  />
+                  <i
+                    class="box flex align-center"
+                  />
+                  <span
+                    class="label"
+                  >
+                    Skip TLS certificate checks for the repository
+                  </span>
+                </label>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Input box grow dirty"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        data-testid="custom-helm-repository-key-file-input"
+                        placeholder="Key file"
+                        spellcheck="false"
+                        value="some-key-file"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <i
+                    class="Icon material interactive focusable"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="folder"
+                    >
+                      folder
+                    </span>
+                  </i>
+                  <div>
+                    Browse
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Input box grow invalid dirty validating validatingLine"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        data-testid="custom-helm-repository-ca-cert-file-input"
+                        placeholder="Ca file"
+                        spellcheck="false"
+                        value="some-ca-cert-file"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <i
+                    class="Icon material interactive focusable"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="folder"
+                    >
+                      folder
+                    </span>
+                  </i>
+                  <div>
+                    Browse
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Input box grow invalid dirty validating validatingLine"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        data-testid="custom-helm-repository-cert-file-input"
+                        placeholder="Certificate file"
+                        spellcheck="false"
+                        value="some-cert-file"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <i
+                    class="Icon material interactive focusable"
+                    tabindex="0"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="folder"
+                    >
+                      folder
+                    </span>
+                  </i>
+                  <div>
+                    Browse
+                  </div>
+                </div>
+                <div
+                  class="SubTitle"
+                >
+                  Chart Repository Credentials
+                   
+                </div>
+                <div
+                  class="Input dirty"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      data-testid="custom-helm-repository-username-input"
+                      placeholder="Username"
+                      spellcheck="false"
+                      value="some-username"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+                <div
+                  class="Input dirty"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      data-testid="custom-helm-repository-password-input"
+                      placeholder="Password"
+                      spellcheck="false"
+                      type="password"
+                      value="some-password"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button primary"
+              data-testid="custom-helm-repository-submit-button"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused dirty"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value="some-custom-repository"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input dirty"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value="http://some.url"
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button waiting primary"
+              data-testid="custom-helm-repository-submit-button"
+              data-waiting="true"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation rejects renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some active repository"
+                            >
+                              Some active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    />
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation resolves with success renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    />
+  </div>
+</body>
+`;
+
+exports[`add custom helm repository in preferences when navigating to preferences containing helm repositories when active repositories resolve when selecting to add custom repository when inputted minimal options for the repository when submitted and some time passes when activation resolves with success when adding custom repository again renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center AddHelmRepoDialog modal enter leave"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Add custom Helm Repo
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content scrollable flow column"
+          >
+            <div
+              class="flex column gaps"
+              data-testid="add-custom-helm-repository-dialog"
+            >
+              <div
+                class="Input focused invalid"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-name-input"
+                    placeholder="Helm repo name"
+                    required=""
+                    spellcheck="false"
+                    value=""
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <div
+                class="Input invalid"
+              >
+                <label
+                  class="input-area flex gaps align-center"
+                  id=""
+                >
+                  <input
+                    class="input box grow"
+                    data-testid="custom-helm-repository-url-input"
+                    placeholder="URL"
+                    required=""
+                    spellcheck="false"
+                    value=""
+                  />
+                </label>
+                <div
+                  class="input-info flex gaps"
+                />
+              </div>
+              <button
+                class="Button accordion plain"
+                data-testid="toggle-maximal-options-for-custom-helm-repository-button"
+                type="button"
+              >
+                More
+                <i
+                  class="Icon material focusable small"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  More
+                </div>
+              </button>
+            </div>
+          </div>
+          <div
+            class="buttons flex gaps align-center"
+          >
+            <button
+              class="Button back-btn plain"
+              data-testid="custom-helm-repository-cancel-button"
+              type="button"
+            >
+              Cancel
+            </button>
+            <button
+              class="Button primary"
+              data-testid="custom-helm-repository-submit-button"
+              type="submit"
+            >
+              Add
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..193511c896
--- /dev/null
+++ b/src/features/helm-charts/__snapshots__/add-helm-repository-from-list-in-preferences.test.ts.snap
@@ -0,0 +1,6076 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-controls="react-select-selection-of-active-public-helm-repository-listbox"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="true"
+                                  aria-haspopup="true"
+                                  aria-owns="react-select-selection-of-active-public-helm-repository-listbox"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-26l3qy-menu"
+      id="react-select-selection-of-active-public-helm-repository-listbox"
+    >
+      <div
+        class="Select__menu-list css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          id="react-select-selection-of-active-public-helm-repository-option-0"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps"
+          >
+            <span>
+              Some already active repository
+            </span>
+            <i
+              class="Icon box right material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-selection-of-active-public-helm-repository-option-1"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps"
+          >
+            <span>
+              Some to be added repository
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding rejects renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some to be added repository"
+                            >
+                              Some to be added repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-other-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some to be added repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some to be added repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again when select for selecting active repositories is clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-controls="react-select-selection-of-active-public-helm-repository-listbox"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="true"
+                                  aria-haspopup="true"
+                                  aria-owns="react-select-selection-of-active-public-helm-repository-listbox"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some to be added repository"
+                            >
+                              Some to be added repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-other-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some to be added repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some to be added repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="theme-lens selection-of-active-public-helm-repository-options Select__menu css-26l3qy-menu"
+      id="react-select-selection-of-active-public-helm-repository-listbox"
+    >
+      <div
+        class="Select__menu-list css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          id="react-select-selection-of-active-public-helm-repository-option-0"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps"
+          >
+            <span>
+              Some already active repository
+            </span>
+            <i
+              class="Icon box right material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-selection-of-active-public-helm-repository-option-1"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps"
+          >
+            <span>
+              Some to be added repository
+            </span>
+            <i
+              class="Icon box right material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again when select for selecting active repositories is clicked when active repository is selected renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some already active repository"
+                            >
+                              Some already active repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some already active repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some already active repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-Some to be added repository"
+                            >
+                              Some to be added repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-other-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-Some to be added repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-Some to be added repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`add helm repository from list in preferences when navigating to preferences containing helm repositories when both active and public repositories resolve when select for adding public repositories is clicked when deactive public repository is selected when adding resolves when active repositories resolve again when select for selecting active repositories is clicked when active repository is selected when removing resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..146fb371aa
--- /dev/null
+++ b/src/features/helm-charts/__snapshots__/listing-active-helm-repositories-in-preferences.test.ts.snap
@@ -0,0 +1,5286 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with any other error renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      class="notice"
+                    >
+                      <div
+                        class="flex-grow text-center"
+                      >
+                        Error updating Helm repositories: Some error
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories when adding default repository reject renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      class="notice"
+                    >
+                      <div
+                        class="flex-grow text-center"
+                      >
+                        Error when adding default Helm repository: Some error
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories reject with error about no existing repositories when adding of default repository resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves when updating repositories resolve when repositories resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-some-repository"
+                            >
+                              some-repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-repository-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-some-repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-some-repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-some-other-repository"
+                            >
+                              some-other-repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-other-repository-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-some-other-repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-some-other-repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves without path to repository cache directory renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      class="notice"
+                    >
+                      <div
+                        class="flex-grow text-center"
+                      >
+                        Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CACHE was not present in \`$ helm env\`.
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when configuration resolves without path to repository config file renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      class="notice"
+                    >
+                      <div
+                        class="flex-grow text-center"
+                      >
+                        Error getting Helm configuration: Tried to get Helm repositories, but HELM_REPOSITORY_CONFIG was not present in \`$ helm env\`.
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`listing active helm repositories in preferences when navigating to preferences containing helm repositories when getting configuration rejects renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      class="notice"
+                    >
+                      <div
+                        class="flex-grow text-center"
+                      >
+                        Error getting Helm configuration: some-error
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap b/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
new file mode 100644
index 0000000000..2cb3b4e60d
--- /dev/null
+++ b/src/features/helm-charts/__snapshots__/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts.snap
@@ -0,0 +1,2335 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories when active repositories resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-some-active-repository"
+                            >
+                              some-active-repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-some-active-repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-some-active-repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories when active repositories resolve when removing repository renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow css-b62m3t-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control css-1s2u09g-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-6j8wv5-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <span
+                                class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="item flex gaps align-center justify-space-between repo"
+                        >
+                          <div>
+                            <div
+                              class="repoName"
+                              data-testid="helm-repository-some-active-repository"
+                            >
+                              some-active-repository
+                            </div>
+                            <div
+                              class="repoUrl"
+                            >
+                              some-url
+                            </div>
+                          </div>
+                          <i
+                            class="Icon material interactive focusable"
+                            data-testid="remove-helm-repository-some-active-repository"
+                            tabindex="0"
+                          >
+                            <span
+                              class="icon"
+                              data-icon-name="delete"
+                            >
+                              delete
+                            </span>
+                          </i>
+                          <div
+                            data-testid="tooltip-content-for-remove-helm-repository-some-active-repository"
+                          >
+                            Remove
+                          </div>
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`remove helm repository from list of active repositories in preferences when navigating to preferences containing helm repositories when active repositories resolve when removing repository when removing resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="kubernetes-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="kubernetes"
+              >
+                <section
+                  id="kubectl"
+                >
+                  <h2
+                    data-testid="kubernetes-header"
+                  >
+                    Kubernetes
+                  </h2>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Kubectl binary download
+                       
+                    </div>
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Download kubectl binaries matching the Kubernetes cluster version
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Download mirror
+                       
+                    </div>
+                    <div
+                      class="Select theme-lens Select--is-disabled css-3iigni-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-download-mirror-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--is-disabled css-1insrsq-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-download-mirror-input-placeholder"
+                          >
+                            Download mirror for kubectl
+                          </div>
+                          <div
+                            class="Select__input-container css-jzldcf-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-download-mirror-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              disabled=""
+                              id="download-mirror-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-109onse-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Directory for binaries
+                       
+                    </div>
+                    <div
+                      class="Input theme round black disabled"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          disabled=""
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                    <div
+                      class="hint"
+                    >
+                      The directory to download binaries into.
+                    </div>
+                  </section>
+                  <section>
+                    <div
+                      class="SubTitle"
+                    >
+                      Path to kubectl binary
+                       
+                    </div>
+                    <div
+                      class="Input theme round black"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                          spellcheck="false"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </section>
+                </section>
+                <hr />
+                <section
+                  id="kube-sync"
+                >
+                  <h2
+                    data-testid="kubernetes-sync-header"
+                  >
+                    Kubeconfig Syncs
+                  </h2>
+                  <div
+                    class="self-start mb-5"
+                  >
+                    <button
+                      class="Button PathPicker primary"
+                      type="button"
+                    >
+                      Sync Files and Folders
+                    </button>
+                  </div>
+                  <div
+                    class="SubTitle pt-5"
+                  >
+                    Synced Items
+                     
+                  </div>
+                  <div
+                    class="notice mt-3"
+                  >
+                    <div
+                      class="flex-grow text-center"
+                    >
+                      No files and folders have been synced yet
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="helm"
+                >
+                  <h2>
+                    Helm Charts
+                  </h2>
+                  <div>
+                    <div
+                      data-testid="helm-controls"
+                    >
+                      <div
+                        class="flex gaps"
+                      >
+                        <div
+                          class="Select theme-lens box grow Select--is-disabled css-3iigni-container"
+                        >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-selection-of-active-public-helm-repository-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
+                          <div
+                            class="Select__control Select__control--is-disabled css-1insrsq-control"
+                          >
+                            <div
+                              class="Select__value-container css-319lph-ValueContainer"
+                            >
+                              <div
+                                class="Select__placeholder css-14el2xx-placeholder"
+                                id="react-select-selection-of-active-public-helm-repository-placeholder"
+                              >
+                                Repositories
+                              </div>
+                              <div
+                                class="Select__input-container css-jzldcf-Input"
+                                data-value=""
+                              >
+                                <input
+                                  aria-autocomplete="list"
+                                  aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  autocapitalize="none"
+                                  autocomplete="off"
+                                  autocorrect="off"
+                                  class="Select__input"
+                                  disabled=""
+                                  id="selection-of-active-public-helm-repository"
+                                  role="combobox"
+                                  spellcheck="false"
+                                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                  tabindex="0"
+                                  type="text"
+                                  value=""
+                                />
+                              </div>
+                            </div>
+                            <div
+                              class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                            >
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__loading-indicator css-at12u2-loadingIndicator"
+                              >
+                                <span
+                                  class="css-1xtdfmb-LoadingDot"
+                                />
+                                <span
+                                  class="css-zoievk-LoadingDot"
+                                />
+                                <span
+                                  class="css-x748d8-LoadingDot"
+                                />
+                              </div>
+                              <span
+                                class="Select__indicator-separator css-109onse-indicatorSeparator"
+                              />
+                              <div
+                                aria-hidden="true"
+                                class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                              >
+                                <svg
+                                  aria-hidden="true"
+                                  class="css-tj5bde-Svg"
+                                  focusable="false"
+                                  height="20"
+                                  viewBox="0 0 20 20"
+                                  width="20"
+                                >
+                                  <path
+                                    d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <button
+                          class="Button primary"
+                          data-testid="add-custom-helm-repo-button"
+                          type="button"
+                        >
+                          Add Custom Helm Repo
+                        </button>
+                      </div>
+                      <div
+                        class="repos"
+                      >
+                        <div
+                          class="pt-5 relative"
+                        >
+                          <div
+                            class="Spinner singleColor center"
+                            data-testid="helm-repositories-are-loading"
+                          />
+                        </div>
+                      </div>
+                      <div />
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/behaviours/helm-charts/add-custom-helm-repository-in-preferences.test.ts b/src/features/helm-charts/add-custom-helm-repository-in-preferences.test.ts
similarity index 91%
rename from src/behaviours/helm-charts/add-custom-helm-repository-in-preferences.test.ts
rename to src/features/helm-charts/add-custom-helm-repository-in-preferences.test.ts
index c13cfcc7af..d8e14d25fa 100644
--- a/src/behaviours/helm-charts/add-custom-helm-repository-in-preferences.test.ts
+++ b/src/features/helm-charts/add-custom-helm-repository-in-preferences.test.ts
@@ -18,59 +18,48 @@ import showSuccessNotificationInjectable from "../../renderer/components/notific
 import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
 import type { AsyncResult } from "../../common/utils/async-result";
 
-// TODO: Make tooltips free of side effects by making it deterministic
-jest.mock("../../renderer/components/tooltip/withTooltip", () => ({
-  withTooltip: (target: any) => target,
-}));
-
 describe("add custom helm repository in preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let showSuccessNotificationMock: jest.Mock;
   let showErrorNotificationMock: jest.Mock;
   let rendered: RenderResult;
   let execFileMock: AsyncFnMock<
     ReturnType<typeof execFileInjectable["instantiate"]>
   >;
-  let getActiveHelmRepositoriesMock: AsyncFnMock<() => AsyncResult<HelmRepo[]>>;
+  let getActiveHelmRepositoriesMock: AsyncFnMock<() => Promise<AsyncResult<HelmRepo[]>>>;
 
   beforeEach(async () => {
     jest.useFakeTimers();
 
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
     execFileMock = asyncFn();
     getActiveHelmRepositoriesMock = asyncFn();
+    showSuccessNotificationMock = jest.fn();
+    showErrorNotificationMock = jest.fn();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
-      rendererDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
-
-      showSuccessNotificationMock = jest.fn();
-
-      rendererDi.override(showSuccessNotificationInjectable, () => showSuccessNotificationMock);
-
-      showErrorNotificationMock = jest.fn();
-
-      rendererDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
-
-      // TODO: Figure out how to make async validators unit testable
-      rendererDi.override(isPathInjectable, () => ({ debounce: 0, validate: async () => {} }));
-
-      mainDi.override(
-        getActiveHelmRepositoriesInjectable,
-        () => getActiveHelmRepositoriesMock,
-      );
-
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
       mainDi.override(execFileInjectable, () => execFileMock);
       mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
     });
 
-    rendered = await applicationBuilder.render();
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
+      windowDi.override(showSuccessNotificationInjectable, () => showSuccessNotificationMock);
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+
+      // TODO: Figure out how to make async validators unit testable
+      windowDi.override(isPathInjectable, () => ({ debounce: 0, validate: async () => {} }));
+    });
+
+    rendered = await builder.render();
   });
 
   describe("when navigating to preferences containing helm repositories", () => {
     beforeEach(async () => {
-      applicationBuilder.preferences.navigate();
-      applicationBuilder.preferences.navigation.click("kubernetes");
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
     });
 
     it("renders", () => {
diff --git a/src/behaviours/helm-charts/add-helm-repository-from-list-in-preferences.test.ts b/src/features/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
similarity index 86%
rename from src/behaviours/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
rename to src/features/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
index 1a4b9db775..c46c30086e 100644
--- a/src/behaviours/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
+++ b/src/features/helm-charts/add-helm-repository-from-list-in-preferences.test.ts
@@ -16,58 +16,45 @@ import showSuccessNotificationInjectable from "../../renderer/components/notific
 import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
 import type { AsyncResult } from "../../common/utils/async-result";
 
-// TODO: Make tooltips free of side effects by making it deterministic
-jest.mock("../../renderer/components/tooltip/withTooltip", () => ({
-  withTooltip: (target: any) => target,
-}));
-
 describe("add helm repository from list in preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let showSuccessNotificationMock: jest.Mock;
   let showErrorNotificationMock: jest.Mock;
   let rendered: RenderResult;
   let execFileMock: AsyncFnMock<
     ReturnType<typeof execFileInjectable["instantiate"]>
   >;
-  let getActiveHelmRepositoriesMock: AsyncFnMock<() => AsyncResult<HelmRepo[]>>;
+  let getActiveHelmRepositoriesMock: AsyncFnMock<() => Promise<AsyncResult<HelmRepo[]>>>;
   let callForPublicHelmRepositoriesMock: AsyncFnMock<() => Promise<HelmRepo[]>>;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
     execFileMock = asyncFn();
     getActiveHelmRepositoriesMock = asyncFn();
     callForPublicHelmRepositoriesMock = asyncFn();
+    showSuccessNotificationMock = jest.fn();
+    showErrorNotificationMock = jest.fn();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
-      showSuccessNotificationMock = jest.fn();
-
-      rendererDi.override(showSuccessNotificationInjectable, () => showSuccessNotificationMock);
-
-      showErrorNotificationMock = jest.fn();
-
-      rendererDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
-
-      rendererDi.override(
-        callForPublicHelmRepositoriesInjectable,
-        () => callForPublicHelmRepositoriesMock,
-      );
-
-      mainDi.override(
-        getActiveHelmRepositoriesInjectable,
-        () => getActiveHelmRepositoriesMock,
-      );
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
       mainDi.override(execFileInjectable, () => execFileMock);
       mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
     });
 
-    rendered = await applicationBuilder.render();
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(showSuccessNotificationInjectable, () => showSuccessNotificationMock);
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+      windowDi.override(callForPublicHelmRepositoriesInjectable, () => callForPublicHelmRepositoriesMock);
+    });
+
+    rendered = await builder.render();
   });
 
   describe("when navigating to preferences containing helm repositories", () => {
-    beforeEach(async () => {
-      applicationBuilder.preferences.navigate();
-      applicationBuilder.preferences.navigation.click("kubernetes");
+    beforeEach(() => {
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
     });
 
     it("renders", () => {
@@ -105,7 +92,7 @@ describe("add helm repository from list in preferences", () => {
 
       describe("when select for adding public repositories is clicked", () => {
         beforeEach(() => {
-          applicationBuilder.select.openMenu(
+          builder.select.openMenu(
             "selection-of-active-public-helm-repository",
           );
         });
@@ -118,7 +105,7 @@ describe("add helm repository from list in preferences", () => {
           beforeEach(async () => {
             getActiveHelmRepositoriesMock.mockClear();
 
-            applicationBuilder.select.selectOption(
+            builder.select.selectOption(
               "selection-of-active-public-helm-repository",
               "Some to be added repository",
             );
@@ -212,7 +199,7 @@ describe("add helm repository from list in preferences", () => {
 
               describe("when select for selecting active repositories is clicked", () => {
                 beforeEach(() => {
-                  applicationBuilder.select.openMenu(
+                  builder.select.openMenu(
                     "selection-of-active-public-helm-repository",
                   );
                 });
@@ -226,7 +213,7 @@ describe("add helm repository from list in preferences", () => {
                     execFileMock.mockClear();
                     getActiveHelmRepositoriesMock.mockClear();
 
-                    applicationBuilder.select.selectOption(
+                    builder.select.selectOption(
                       "selection-of-active-public-helm-repository",
                       "Some already active repository",
                     );
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
new file mode 100644
index 0000000000..dee4f06b14
--- /dev/null
+++ b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-new-tab.test.ts.snap
@@ -0,0 +1,19085 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="box grow"
+        >
+          <div
+            class="introduction flex align-flex-start"
+          >
+            <div
+              class="intro-logo"
+            >
+              <svg
+                viewBox="0 0 722.8 702"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  fill="currentColor"
+                >
+                  <path
+                    d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                  />
+                  <path
+                    d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                  />
+                  <path
+                    d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                  />
+                  <path
+                    d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                  />
+                  <path
+                    d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                  />
+                  <path
+                    d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                  />
+                  <path
+                    d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                  />
+                  <path
+                    d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                  />
+                  <path
+                    d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="intro-contents box grow"
+            >
+              <div
+                class="description flex align-center justify-space-between"
+                data-testid="selected-chart-description"
+              >
+                some-description
+                <button
+                  class="Button primary"
+                  data-testid="install-chart-for-some-repository-some-name"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="DrawerItem version"
+              >
+                <span
+                  class="name"
+                >
+                  Version
+                </span>
+                <span
+                  class="value"
+                >
+                  <div
+                    class="Select theme-outlined css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-helm-chart-version-selector-some-repository-some-name-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="helm-chart-version-selector-some-repository-some-name"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Home
+                </span>
+                <span
+                  class="value"
+                >
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                  />
+                </span>
+              </div>
+              <div
+                class="DrawerItem maintainers"
+              >
+                <span
+                  class="name"
+                >
+                  Maintainers
+                </span>
+                <span
+                  class="value"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="chart-description"
+            data-testid="helmchart-readme"
+          >
+            <div
+              class="MarkDownViewer"
+            >
+              <p>
+                some-readme
+              </p>
+              
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="install-chart-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-controls="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
+                              aria-expanded="true"
+                              aria-haspopup="true"
+                              aria-owns="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="theme-outlined install-chart-version-select-for-some-first-tab-id-options Select__menu css-26l3qy-menu"
+      id="react-select-install-chart-version-select-for-some-first-tab-id-listbox"
+    >
+      <div
+        class="Select__menu-list css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused Select__option--is-selected css-9gakcf-option"
+          id="react-select-install-chart-version-select-for-some-first-tab-id-option-0"
+          tabindex="-1"
+        >
+          some-version
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-install-chart-version-select-for-some-first-tab-id-option-1"
+          tabindex="-1"
+        >
+          some-other-version
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-other-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="Spinner singleColor center"
+                data-testid="install-chart-configuration-spinner"
+              />
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given changing version to be installed when version is selected when default configuration resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-other-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration-for-other-version
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given custom name is inputted renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value="some-custom-name"
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given invalid change in configuration renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="error"
+                  >
+                    <i
+                      class="Icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="error_outline"
+                      >
+                        error_outline
+                      </span>
+                    </i>
+                    <div>
+                      YAMLException: end of the stream or a document separator is expected (1:1)
+
+ 1 | @some-invalid-configuration@
+-----^
+                    </div>
+                  </div>
+                </div>
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                @some-invalid-configuration@
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given namespace selection is opened renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-controls="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
+                              aria-expanded="true"
+                              aria-haspopup="true"
+                              aria-owns="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="NamespaceSelectMenu theme-outlined install-chart-namespace-select-for-some-first-tab-id-options Select__menu css-26l3qy-menu"
+      id="react-select-install-chart-namespace-select-for-some-first-tab-id-listbox"
+    >
+      <div
+        class="Select__menu-list css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused Select__option--is-selected css-9gakcf-option"
+          id="react-select-install-chart-namespace-select-for-some-first-tab-id-option-0"
+          tabindex="-1"
+        >
+          default
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-install-chart-namespace-select-for-some-first-tab-id-option-1"
+          tabindex="-1"
+        >
+          some-other-namespace
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given namespace selection is opened when namespace is selected renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-other-namespace
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                >
+                  <div
+                    class="Spinner singleColor"
+                    data-testid="installing-chart-from-tab-some-first-tab-id"
+                  />
+                   
+                  Installing...
+                </div>
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  disabled=""
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    >
+      <div
+        class="Animate opacity notification flex ok enter"
+        style="--enter-duration: 100ms; --leave-duration: 100ms;"
+      >
+        <div
+          class="box"
+        >
+          <i
+            class="Icon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="info_outline"
+            >
+              info_outline
+            </span>
+          </i>
+        </div>
+        <div
+          class="message box grow"
+        >
+          <p>
+            Chart Release 
+            <b>
+              some-release
+            </b>
+             successfully created.
+          </p>
+        </div>
+        <div
+          class="box"
+        >
+          <i
+            class="Icon close material interactive focusable"
+            data-testid="close-notification-for-notification_1"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="close"
+            >
+              close
+            </span>
+          </i>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChartDone flex column gaps align-center justify-center"
+            >
+              <p>
+                <i
+                  class="Icon material sticker focusable big"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="check"
+                  >
+                    check
+                  </span>
+                </i>
+              </p>
+              <p>
+                Installation complete!
+              </p>
+              <div
+                class="flex gaps align-center"
+              >
+                <button
+                  class="Button primary"
+                  data-testid="show-release-some-release-for-some-first-tab-id"
+                  type="button"
+                >
+                  View Helm Release
+                </button>
+                <button
+                  class="Button plain active"
+                  data-testid="show-execution-output-for-some-release-in-some-first-tab-id"
+                  type="button"
+                >
+                  Show Notes
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves when selected to see the installed release renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    >
+      <div
+        class="Animate opacity notification flex ok enter"
+        style="--enter-duration: 100ms; --leave-duration: 100ms;"
+      >
+        <div
+          class="box"
+        >
+          <i
+            class="Icon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="info_outline"
+            >
+              info_outline
+            </span>
+          </i>
+        </div>
+        <div
+          class="message box grow"
+        >
+          <p>
+            Chart Release 
+            <b>
+              some-release
+            </b>
+             successfully created.
+          </p>
+        </div>
+        <div
+          class="box"
+        >
+          <i
+            class="Icon close material interactive focusable"
+            data-testid="close-notification-for-notification_3"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="close"
+            >
+              close
+            </span>
+          </i>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-default/some-release"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="helm-release-detail-content-spinner"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given no changes in configuration, when installing the chart when installation resolves when selected to show execution output renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    >
+      <div
+        class="Animate opacity notification flex ok enter"
+        style="--enter-duration: 100ms; --leave-duration: 100ms;"
+      >
+        <div
+          class="box"
+        >
+          <i
+            class="Icon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="info_outline"
+            >
+              info_outline
+            </span>
+          </i>
+        </div>
+        <div
+          class="message box grow"
+        >
+          <p>
+            Chart Release 
+            <b>
+              some-release
+            </b>
+             successfully created.
+          </p>
+        </div>
+        <div
+          class="box"
+        >
+          <i
+            class="Icon close material interactive focusable"
+            data-testid="close-notification-for-notification_6"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="close"
+            >
+              close
+            </span>
+          </i>
+        </div>
+      </div>
+    </div>
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChartDone flex column gaps align-center justify-center"
+            >
+              <p>
+                <i
+                  class="Icon material sticker focusable big"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="check"
+                  >
+                    check
+                  </span>
+                </i>
+              </p>
+              <p>
+                Installation complete!
+              </p>
+              <div
+                class="flex gaps align-center"
+              >
+                <button
+                  class="Button primary"
+                  data-testid="show-release-some-release-for-some-first-tab-id"
+                  type="button"
+                >
+                  View Helm Release
+                </button>
+                <button
+                  class="Button plain active"
+                  data-testid="show-execution-output-for-some-release-in-some-first-tab-id"
+                  type="button"
+                >
+                  Show Notes
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate opacity-scale Dialog flex center LogsDialog modal enter"
+    data-testid="logs-dialog-for-helm-chart-install"
+    style="--enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="box"
+    >
+      <div
+        class="Wizard"
+      >
+        <div
+          class="header"
+        >
+          <h5>
+            Helm Chart Install
+          </h5>
+        </div>
+        <form
+          class="WizardStep step1"
+        >
+          <div
+            class="step-content"
+          >
+            <code
+              class="block"
+            >
+              some-execution-output
+            </code>
+          </div>
+          <div
+            class="buttons flex gaps align-center justify-space-between"
+          >
+            <button
+              class="Button plain"
+              type="button"
+            >
+              <i
+                class="Icon material focusable"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="assignment"
+                >
+                  assignment
+                </span>
+              </i>
+               Copy to clipboard
+            </button>
+            <button
+              class="Button plain"
+              type="button"
+            >
+              Close
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-other-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="box grow"
+        >
+          <div
+            class="introduction flex align-flex-start"
+          >
+            <div
+              class="intro-logo"
+            >
+              <svg
+                viewBox="0 0 722.8 702"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  fill="currentColor"
+                >
+                  <path
+                    d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                  />
+                  <path
+                    d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                  />
+                  <path
+                    d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                  />
+                  <path
+                    d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                  />
+                  <path
+                    d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                  />
+                  <path
+                    d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                  />
+                  <path
+                    d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                  />
+                  <path
+                    d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                  />
+                  <path
+                    d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="intro-contents box grow"
+            >
+              <div
+                class="description flex align-center justify-space-between"
+                data-testid="selected-chart-description"
+              >
+                some-description
+                <button
+                  class="Button primary"
+                  data-testid="install-chart-for-some-repository-some-other-name"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="DrawerItem version"
+              >
+                <span
+                  class="name"
+                >
+                  Version
+                </span>
+                <span
+                  class="value"
+                >
+                  <div
+                    class="Select theme-outlined css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-helm-chart-version-selector-some-repository-some-other-name-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="helm-chart-version-selector-some-repository-some-other-name"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Home
+                </span>
+                <span
+                  class="value"
+                >
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                  />
+                </span>
+              </div>
+              <div
+                class="DrawerItem maintainers"
+              >
+                <span
+                  class="name"
+                >
+                  Maintainers
+                </span>
+                <span
+                  class="value"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="chart-description"
+            data-testid="helmchart-readme"
+          >
+            <div
+              class="MarkDownViewer"
+            >
+              <p>
+                some-readme
+              </p>
+              
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-second-tab-id"
+                  id="tab-some-second-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-other-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-second-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="install-chart-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart when configuration and versions resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-second-tab-id"
+                  id="tab-some-second-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-other-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-second-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-other-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-second-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-install-chart-version-select-for-some-second-tab-id-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-install-chart-version-select-for-some-second-tab-id-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-second-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-second-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-second-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-second-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-second-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-second-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-second-tab-id"
+              >
+                some-other-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given opening details for second chart, when details resolve when selecting to install second chart when configuration and versions resolve when selecting the dock tab for installing first chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab"
+                  data-testid="dock-tab-for-some-second-tab-id"
+                  id="tab-some-second-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-other-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve given valid change in configuration renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-valid-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            default
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value=""
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-default-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from new tab given tab for installing chart was not previously opened and application is started when navigating to helm charts when selecting to install the chart when default configuration and versions resolve when cancelled renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
new file mode 100644
index 0000000000..c0359c4b88
--- /dev/null
+++ b/src/features/helm-charts/installing-chart/__snapshots__/installing-helm-chart-from-previously-opened-tab.test.ts.snap
@@ -0,0 +1,1248 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`installing helm chart from previously opened tab given tab for installing chart was previously opened, when application is started renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="install-chart-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`installing helm chart from previously opened tab given tab for installing chart was previously opened, when application is started when configuration and version resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-overview"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Overview
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="WorkloadsOverview flex column gaps"
+              data-testid="page-for-workloads-overview"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="box grow"
+                >
+                  Overview
+                </h5>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-overview-namespace-select-filter-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-overview-namespace-select-filter-input-placeholder"
+                        >
+                          All namespaces
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-overview-namespace-select-filter-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="overview-namespace-select-filter-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="OverviewStatuses"
+              >
+                <div
+                  class="workloads"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-first-tab-id"
+                  id="tab-some-first-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-first-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="InstallChart flex column"
+            >
+              <div
+                class="InfoPanel flex gaps align-center"
+              >
+                <div
+                  class="controls"
+                >
+                  <div
+                    class="install-controls flex gaps align-center"
+                  >
+                    <span>
+                      Chart
+                    </span>
+                    <div
+                      class="badge"
+                      title="Repo/Name"
+                    >
+                      some-repository/some-name
+                    </div>
+                    <span>
+                      Version
+                    </span>
+                    <div
+                      class="Select theme-outlined chart-version css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-version-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-other-version
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-version-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <span>
+                      Namespace
+                    </span>
+                    <div
+                      class="Select theme-outlined NamespaceSelect css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-install-chart-namespace-select-for-some-first-tab-id-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__single-value css-qc6sy-singleValue"
+                          >
+                            some-other-namespace
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="install-chart-namespace-select-for-some-first-tab-id"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    <div
+                      class="Input"
+                    >
+                      <label
+                        class="input-area flex gaps align-center"
+                        id=""
+                      >
+                        <input
+                          class="input box grow"
+                          data-testid="install-chart-custom-name-input-for-some-first-tab-id"
+                          placeholder="Name (optional)"
+                          spellcheck="false"
+                          title="Release name"
+                          value="some-stored-custom-name"
+                        />
+                      </label>
+                      <div
+                        class="input-info flex gaps"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="flex gaps align-center"
+                />
+                <button
+                  class="Button plain"
+                  data-testid="cancel-install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  class="Button primary active"
+                  data-testid="install-chart-from-tab-for-some-first-tab-id"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <textarea
+                data-testid="monaco-editor-for-some-first-tab-id"
+              >
+                some-stored-configuration
+              </textarea>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap b/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
new file mode 100644
index 0000000000..a7fcf85592
--- /dev/null
+++ b/src/features/helm-charts/installing-chart/__snapshots__/opening-dock-tab-for-installing-helm-chart.test.ts.snap
@@ -0,0 +1,6282 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve when opening details of a chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="spinner-for-chart-details"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="box grow"
+        >
+          <div
+            class="introduction flex align-flex-start"
+          >
+            <div
+              class="intro-logo"
+            >
+              <svg
+                viewBox="0 0 722.8 702"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  fill="currentColor"
+                >
+                  <path
+                    d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                  />
+                  <path
+                    d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                  />
+                  <path
+                    d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                  />
+                  <path
+                    d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                  />
+                  <path
+                    d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                  />
+                  <path
+                    d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                  />
+                  <path
+                    d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                  />
+                  <path
+                    d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                  />
+                  <path
+                    d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="intro-contents box grow"
+            >
+              <div
+                class="description flex align-center justify-space-between"
+                data-testid="selected-chart-description"
+              >
+                some-description
+                <button
+                  class="Button primary"
+                  data-testid="install-chart-for-some-repository-some-name"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="DrawerItem version"
+              >
+                <span
+                  class="name"
+                >
+                  Version
+                </span>
+                <span
+                  class="value"
+                >
+                  <div
+                    class="Select theme-outlined css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-helm-chart-version-selector-some-repository-some-name-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="helm-chart-version-selector-some-repository-some-name"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Home
+                </span>
+                <span
+                  class="value"
+                >
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                  />
+                </span>
+              </div>
+              <div
+                class="DrawerItem maintainers"
+              >
+                <span
+                  class="name"
+                >
+                  Maintainers
+                </span>
+                <span
+                  class="value"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="Spinner singleColor center"
+            data-testid="spinner-for-chart-readme"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="box grow"
+        >
+          <div
+            class="introduction flex align-flex-start"
+          >
+            <div
+              class="intro-logo"
+            >
+              <svg
+                viewBox="0 0 722.8 702"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  fill="currentColor"
+                >
+                  <path
+                    d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                  />
+                  <path
+                    d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                  />
+                  <path
+                    d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                  />
+                  <path
+                    d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                  />
+                  <path
+                    d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                  />
+                  <path
+                    d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                  />
+                  <path
+                    d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                  />
+                  <path
+                    d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                  />
+                  <path
+                    d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="intro-contents box grow"
+            >
+              <div
+                class="description flex align-center justify-space-between"
+                data-testid="selected-chart-description"
+              >
+                some-description
+                <button
+                  class="Button primary"
+                  data-testid="install-chart-for-some-repository-some-name"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="DrawerItem version"
+              >
+                <span
+                  class="name"
+                >
+                  Version
+                </span>
+                <span
+                  class="value"
+                >
+                  <div
+                    class="Select theme-outlined css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-helm-chart-version-selector-some-repository-some-name-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          some-version
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="helm-chart-version-selector-some-repository-some-name"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Home
+                </span>
+                <span
+                  class="value"
+                >
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                  />
+                </span>
+              </div>
+              <div
+                class="DrawerItem maintainers"
+              >
+                <span
+                  class="name"
+                >
+                  Maintainers
+                </span>
+                <span
+                  class="value"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="chart-description"
+            data-testid="helmchart-readme"
+          >
+            <div
+              class="MarkDownViewer"
+            >
+              <p>
+                some-readme
+              </p>
+              
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting different version renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="box grow"
+        >
+          <div
+            class="introduction flex align-flex-start"
+          >
+            <div
+              class="intro-logo"
+            >
+              <svg
+                viewBox="0 0 722.8 702"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  fill="currentColor"
+                >
+                  <path
+                    d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                  />
+                  <path
+                    d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                  />
+                  <path
+                    d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                  />
+                  <path
+                    d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                  />
+                  <path
+                    d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                  />
+                  <path
+                    d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                  />
+                  <path
+                    d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                  />
+                  <path
+                    d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                  />
+                  <path
+                    d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="intro-contents box grow"
+            >
+              <div
+                class="description flex align-center justify-space-between"
+                data-testid="selected-chart-description"
+              >
+                some-description
+                <button
+                  class="Button primary"
+                  data-testid="install-chart-for-some-repository-some-name"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="DrawerItem version"
+              >
+                <span
+                  class="name"
+                >
+                  Version
+                </span>
+                <span
+                  class="value"
+                >
+                  <div
+                    class="Select theme-outlined css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-helm-chart-version-selector-some-repository-some-name-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          some-other-version
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="helm-chart-version-selector-some-repository-some-name"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Home
+                </span>
+                <span
+                  class="value"
+                >
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                  />
+                </span>
+              </div>
+              <div
+                class="DrawerItem maintainers"
+              >
+                <span
+                  class="name"
+                >
+                  Maintainers
+                </span>
+                <span
+                  class="value"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="Spinner singleColor center"
+            data-testid="spinner-for-chart-readme"
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting different version when readme resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow selected nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading disabled"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              />
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow pl-0"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer HelmChartDetails right enter"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          Chart: some-repository/some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div>
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="box grow"
+        >
+          <div
+            class="introduction flex align-flex-start"
+          >
+            <div
+              class="intro-logo"
+            >
+              <svg
+                viewBox="0 0 722.8 702"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <g
+                  fill="currentColor"
+                >
+                  <path
+                    d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                  />
+                  <path
+                    d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                  />
+                  <path
+                    d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                  />
+                  <path
+                    d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                  />
+                  <path
+                    d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                  />
+                  <path
+                    d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                  />
+                  <path
+                    d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                  />
+                  <path
+                    d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                  />
+                  <path
+                    d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                  />
+                </g>
+              </svg>
+            </div>
+            <div
+              class="intro-contents box grow"
+            >
+              <div
+                class="description flex align-center justify-space-between"
+                data-testid="selected-chart-description"
+              >
+                some-description
+                <button
+                  class="Button primary"
+                  data-testid="install-chart-for-some-repository-some-name"
+                  type="button"
+                >
+                  Install
+                </button>
+              </div>
+              <div
+                class="DrawerItem version"
+              >
+                <span
+                  class="name"
+                >
+                  Version
+                </span>
+                <span
+                  class="value"
+                >
+                  <div
+                    class="Select theme-outlined css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-helm-chart-version-selector-some-repository-some-name-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          some-other-version
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="helm-chart-version-selector-some-repository-some-name"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 0; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+              <div
+                class="DrawerItem"
+              >
+                <span
+                  class="name"
+                >
+                  Home
+                </span>
+                <span
+                  class="value"
+                >
+                  <a
+                    rel="noreferrer"
+                    target="_blank"
+                  />
+                </span>
+              </div>
+              <div
+                class="DrawerItem maintainers"
+              >
+                <span
+                  class="name"
+                >
+                  Maintainers
+                </span>
+                <span
+                  class="value"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="chart-description"
+            data-testid="helmchart-readme"
+          >
+            <div
+              class="MarkDownViewer"
+            >
+              <p>
+                some-readme
+              </p>
+              
+
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`opening dock tab for installing helm chart given application is started, when navigating to helm charts when charts resolve when opening details of a chart when chart versions resolve when readme resolves when selecting to install the chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              data-testid="page-for-helm-charts"
+              style="display: none;"
+            />
+            <div
+              class="ItemListLayout flex column HelmCharts"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Helm Charts..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmCharts box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell icon nowrap"
+                    >
+                      <div
+                        class="content"
+                      />
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell description nowrap"
+                      id="description"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Description
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell repository nowrap sorting"
+                      id="repo"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Repository
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmCharts box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-chart-row-for-some-repository-some-other-name"
+                            >
+                              <div
+                                class="TableCell icon"
+                              >
+                                <figure>
+                                  <div>
+                                    <svg
+                                      viewBox="0 0 722.8 702"
+                                      xmlns="http://www.w3.org/2000/svg"
+                                    >
+                                      <g
+                                        fill="currentColor"
+                                      >
+                                        <path
+                                          d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"
+                                        />
+                                        <path
+                                          d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"
+                                        />
+                                        <path
+                                          d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"
+                                        />
+                                        <path
+                                          d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"
+                                        />
+                                        <path
+                                          d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"
+                                        />
+                                        <path
+                                          d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"
+                                        />
+                                        <path
+                                          d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"
+                                        />
+                                        <path
+                                          d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"
+                                        />
+                                        <path
+                                          d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"
+                                        />
+                                      </g>
+                                    </svg>
+                                  </div>
+                                </figure>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell description"
+                              >
+                                some-description
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                some-version
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              />
+                              <div
+                                class="TableCell some-repository repository"
+                              >
+                                some-repository
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              />
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-tab-id"
+                  id="tab-some-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Install: some-repository/some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content install-chart"
+            data-testid="dock-tab-content-for-some-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+              data-testid="install-chart-tab-spinner"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/features/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts b/src/features/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts
new file mode 100644
index 0000000000..29e338ae9d
--- /dev/null
+++ b/src/features/helm-charts/installing-chart/installing-helm-chart-from-new-tab.test.ts
@@ -0,0 +1,1026 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import type { CallForHelmCharts } from "../../../renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable";
+import callForHelmChartsInjectable from "../../../renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable";
+import { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+import getRandomInstallChartTabIdInjectable from "../../../renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable";
+import type { CallForHelmChartValues } from "../../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable";
+import callForHelmChartValuesInjectable from "../../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable";
+import type { CallForCreateHelmRelease } from "../../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable";
+import callForCreateHelmReleaseInjectable from "../../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable";
+import currentPathInjectable from "../../../renderer/routes/current-path.injectable";
+import namespaceStoreInjectable from "../../../renderer/components/+namespaces/store.injectable";
+import type { NamespaceStore } from "../../../renderer/components/+namespaces/store";
+import type { CallForHelmChartReadme } from "../../../renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable";
+import callForHelmChartReadmeInjectable from "../../../renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable";
+import type { CallForHelmChartVersions } from "../../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import callForHelmChartVersionsInjectable from "../../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import writeJsonFileInjectable from "../../../common/fs/write-json-file.injectable";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import hostedClusterIdInjectable from "../../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import dockStoreInjectable from "../../../renderer/components/dock/dock/store.injectable";
+import readJsonFileInjectable from "../../../common/fs/read-json-file.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+
+describe("installing helm chart from new tab", () => {
+  let builder: ApplicationBuilder;
+  let callForHelmChartsMock: AsyncFnMock<CallForHelmCharts>;
+  let callForHelmChartVersionsMock: AsyncFnMock<CallForHelmChartVersions>;
+  let callForHelmChartReadmeMock: AsyncFnMock<CallForHelmChartReadme>;
+  let callForHelmChartValuesMock: AsyncFnMock<CallForHelmChartValues>;
+  let callForCreateHelmReleaseMock: AsyncFnMock<CallForCreateHelmRelease>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForHelmChartsMock = asyncFn();
+    callForHelmChartVersionsMock = asyncFn();
+    callForHelmChartReadmeMock = asyncFn();
+    callForHelmChartValuesMock = asyncFn();
+    callForCreateHelmReleaseMock = asyncFn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+
+      windowDi.override(
+        callForHelmChartsInjectable,
+        () => callForHelmChartsMock,
+      );
+
+      windowDi.override(
+        callForHelmChartVersionsInjectable,
+        () => callForHelmChartVersionsMock,
+      );
+
+      windowDi.override(
+        callForHelmChartReadmeInjectable,
+        () => callForHelmChartReadmeMock,
+      );
+
+      windowDi.override(
+        callForHelmChartValuesInjectable,
+        () => callForHelmChartValuesMock,
+      );
+
+      windowDi.override(
+        callForCreateHelmReleaseInjectable,
+        () => callForCreateHelmReleaseMock,
+      );
+
+      // TODO: Replace store mocking with mock for the actual side-effect (where the namespaces are coming from)
+      windowDi.override(
+        namespaceStoreInjectable,
+        () =>
+          ({
+            contextNamespaces: [],
+            items: [
+              { getName: () => "default" },
+              { getName: () => "some-other-namespace" },
+            ],
+            selectNamespaces: () => {},
+          } as unknown as NamespaceStore),
+      );
+
+      windowDi.override(getRandomInstallChartTabIdInjectable, () =>
+        jest
+          .fn(() => "some-irrelevant-tab-id")
+          .mockReturnValueOnce("some-first-tab-id")
+          .mockReturnValueOnce("some-second-tab-id"),
+      );
+    });
+  });
+
+  describe("given tab for installing chart was not previously opened and application is started", () => {
+    let rendered: RenderResult;
+    let windowDi: DiContainer;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
+
+      const writeJsonFile = windowDi.inject(writeJsonFileInjectable);
+
+      await writeJsonFile(
+        "/some-directory-for-lens-local-storage/some-cluster-id.json",
+        {
+          dock: {
+            height: 300,
+            tabs: [],
+            isOpen: false,
+          },
+        },
+      );
+
+      const dockStore = windowDi.inject(dockStoreInjectable);
+
+      // TODO: Make TerminalWindow unit testable to allow realistic behaviour
+      dockStore.closeTab("terminal");
+
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    describe("when navigating to helm charts", () => {
+
+      beforeEach(async () => {
+        builder.helmCharts.navigate({
+          chartName: "some-name",
+          repo: "some-repository",
+        });
+
+        await callForHelmChartsMock.resolve([
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-name",
+            version: "some-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-other-name",
+            version: "some-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+        ]);
+
+        await callForHelmChartVersionsMock.resolve([
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-name",
+            version: "some-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-name",
+            version: "some-other-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+        ]);
+
+        await callForHelmChartReadmeMock.resolve("some-readme");
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when selecting to install the chart", () => {
+        beforeEach(() => {
+          callForHelmChartVersionsMock.mockClear();
+
+          const installButton = rendered.getByTestId(
+            "install-chart-for-some-repository-some-name",
+          );
+
+          fireEvent.click(installButton);
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("shows dock tab for installing the chart", () => {
+          expect(
+            rendered.getByTestId("dock-tab-content-for-some-first-tab-id"),
+          ).toBeInTheDocument();
+        });
+
+        it("calls for default configuration of the chart", () => {
+          expect(callForHelmChartValuesMock).toHaveBeenCalledWith(
+            "some-repository",
+            "some-name",
+            "some-version",
+          );
+        });
+
+        it("calls for available versions", () => {
+          expect(callForHelmChartVersionsMock).toHaveBeenCalledWith(
+            "some-repository",
+            "some-name",
+          );
+        });
+
+        it("shows spinner in dock tab", () => {
+          expect(
+            rendered.getByTestId("install-chart-tab-spinner"),
+          ).toBeInTheDocument();
+        });
+
+        it("given default configuration resolves but versions have not resolved yet, still shows the spinner", async () => {
+          await callForHelmChartValuesMock.resolve(
+            "some-default-configuration",
+          );
+
+          expect(
+            rendered.getByTestId("install-chart-tab-spinner"),
+          ).toBeInTheDocument();
+        });
+
+        it("given versions resolve but default configuration has not resolved yet, still shows the spinner", async () => {
+          await callForHelmChartVersionsMock.resolve([]);
+
+          expect(
+            rendered.getByTestId("install-chart-tab-spinner"),
+          ).toBeInTheDocument();
+        });
+
+        describe("when default configuration and versions resolve", () => {
+          beforeEach(async () => {
+            await callForHelmChartValuesMock.resolve(
+              "some-default-configuration",
+            );
+
+            await callForHelmChartVersionsMock.resolve([
+              HelmChart.create({
+                apiVersion: "some-api-version",
+                name: "some-name",
+                version: "some-version",
+                repo: "some-repository",
+                created: "2015-10-21T07:28:00Z",
+                description: "some-description",
+                keywords: [],
+                sources: [],
+                urls: [],
+                annotations: {},
+                dependencies: [],
+                maintainers: [],
+                deprecated: false,
+              }),
+
+              HelmChart.create({
+                apiVersion: "some-api-version",
+                name: "some-name",
+                version: "some-other-version",
+                repo: "some-repository",
+                created: "2015-10-21T07:28:00Z",
+                description: "some-description",
+                keywords: [],
+                sources: [],
+                urls: [],
+                annotations: {},
+                dependencies: [],
+                maintainers: [],
+                deprecated: false,
+              }),
+            ]);
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("does not show spinner anymore", () => {
+            expect(
+              rendered.queryByTestId("install-chart-tab-spinner"),
+            ).not.toBeInTheDocument();
+          });
+
+          describe("when cancelled", () => {
+            beforeEach(() => {
+              const cancelButton = rendered.getByTestId(
+                "cancel-install-chart-from-tab-for-some-first-tab-id",
+              );
+
+              fireEvent.click(cancelButton);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("closes the tab", () => {
+              expect(
+                rendered.queryByTestId("dock-tab-for-some-first-tab-id"),
+              ).not.toBeInTheDocument();
+            });
+          });
+
+          describe("given no changes in configuration, when installing the chart", () => {
+            let installButton: HTMLButtonElement;
+
+            beforeEach(() => {
+              installButton = rendered.getByTestId(
+                "install-chart-from-tab-for-some-first-tab-id",
+              ) as HTMLButtonElement;
+
+              fireEvent.click(installButton);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("shows spinner in dock tab", () => {
+              expect(
+                rendered.getByTestId(
+                  "installing-chart-from-tab-some-first-tab-id",
+                ),
+              ).toBeInTheDocument();
+            });
+
+            it("install button is disabled", () => {
+              expect(installButton).toHaveAttribute("disabled");
+            });
+
+            it("calls for installation with default configuration", () => {
+              expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith({
+                chart: "some-name",
+                name: undefined,
+                namespace: "default",
+                repo: "some-repository",
+                values: "some-default-configuration",
+                version: "some-version",
+              });
+            });
+
+            describe("when installation resolves", () => {
+              beforeEach(async () => {
+                await callForCreateHelmReleaseMock.resolve({
+                  log: "some-execution-output",
+
+                  release: {
+                    resources: [],
+                    name: "some-release",
+                    namespace: "default",
+                    version: "some-version",
+                    config: "some-config",
+                    manifest: "some-manifest",
+
+                    info: {
+                      deleted: "some-deleted",
+                      description: "some-description",
+                      first_deployed: "some-first-deployed",
+                      last_deployed: "some-last-deployed",
+                      notes: "some-notes",
+                      status: "some-status",
+                    },
+                  },
+                });
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not show spinner anymore", () => {
+                expect(
+                  rendered.queryByTestId(
+                    "installing-chart-from-tab-some-first-tab-id",
+                  ),
+                ).not.toBeInTheDocument();
+              });
+
+              describe("when selected to see the installed release", () => {
+                beforeEach(() => {
+                  const releaseButton = rendered.getByTestId(
+                    "show-release-some-release-for-some-first-tab-id",
+                  );
+
+                  fireEvent.click(releaseButton);
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("shows the details of installed release", () => {
+                  const currentPath = windowDi
+                    .inject(currentPathInjectable)
+                    .get();
+
+                  expect(currentPath).toBe(
+                    "/helm/releases/default/some-release",
+                  );
+                });
+
+                it("closes the dock tab", () => {
+                  expect(
+                    rendered.queryByTestId(
+                      "dock-tab-for-some-first-tab-id",
+                    ),
+                  ).not.toBeInTheDocument();
+                });
+              });
+
+              describe("when selected to show execution output", () => {
+                beforeEach(() => {
+                  const showNotesButton = rendered.getByTestId(
+                    "show-execution-output-for-some-release-in-some-first-tab-id",
+                  );
+
+                  fireEvent.click(showNotesButton);
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("shows the execution output", () => {
+                  expect(
+                    rendered.getByTestId(
+                      "logs-dialog-for-helm-chart-install",
+                    ),
+                  ).toHaveTextContent("some-execution-output");
+                });
+
+                it("does not close the dock tab", () => {
+                  expect(
+                    rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                  ).toBeInTheDocument();
+                });
+              });
+            });
+          });
+
+          describe("given opening details for second chart, when details resolve", () => {
+            beforeEach(async () => {
+              callForHelmChartReadmeMock.mockClear();
+              callForHelmChartVersionsMock.mockClear();
+
+              const row = rendered.getByTestId(
+                "helm-chart-row-for-some-repository-some-other-name",
+              );
+
+              fireEvent.click(row);
+
+              await callForHelmChartVersionsMock.resolve([
+                HelmChart.create({
+                  apiVersion: "some-api-version",
+                  name: "some-other-name",
+                  version: "some-version",
+                  repo: "some-repository",
+                  created: "2015-10-21T07:28:00Z",
+                  description: "some-description",
+                  keywords: [],
+                  sources: [],
+                  urls: [],
+                  annotations: {},
+                  dependencies: [],
+                  maintainers: [],
+                  deprecated: false,
+                }),
+              ]);
+
+              await callForHelmChartReadmeMock.resolve("some-readme");
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            describe("when selecting to install second chart", () => {
+              beforeEach(() => {
+                callForHelmChartVersionsMock.mockClear();
+
+                const installButton = rendered.getByTestId(
+                  "install-chart-for-some-repository-some-other-name",
+                );
+
+                fireEvent.click(installButton);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("shows dock tab for installing second chart", () => {
+                expect(
+                  rendered.getByTestId(
+                    "dock-tab-content-for-some-second-tab-id",
+                  ),
+                ).toBeInTheDocument();
+              });
+
+              it("still has the dock tab for installing first chart", () => {
+                expect(
+                  rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+                ).toBeInTheDocument();
+              });
+
+              it("calls for default configuration of the second chart", () => {
+                expect(callForHelmChartValuesMock).toHaveBeenCalledWith(
+                  "some-repository",
+                  "some-other-name",
+                  "some-version",
+                );
+              });
+
+              it("calls for available versions for the second chart", () => {
+                expect(callForHelmChartVersionsMock).toHaveBeenCalledWith(
+                  "some-repository",
+                  "some-other-name",
+                );
+              });
+
+              it("shows spinner in dock tab", () => {
+                expect(
+                  rendered.getByTestId("install-chart-tab-spinner"),
+                ).toBeInTheDocument();
+              });
+
+              describe("when configuration and versions resolve", () => {
+                beforeEach(async () => {
+                  await callForHelmChartValuesMock.resolve(
+                    "some-other-default-configuration",
+                  );
+
+                  await callForHelmChartVersionsMock.resolve([]);
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("does not show spinner anymore", () => {
+                  expect(
+                    rendered.queryByTestId("install-chart-tab-spinner"),
+                  ).not.toBeInTheDocument();
+                });
+
+                it("when installing the second chart, calls for installation of second chart", () => {
+                  const installButton = rendered.getByTestId(
+                    "install-chart-from-tab-for-some-second-tab-id",
+                  );
+
+                  fireEvent.click(installButton);
+
+                  expect(
+                    callForCreateHelmReleaseMock,
+                  ).toHaveBeenCalledWith({
+                    chart: "some-other-name",
+                    name: undefined,
+                    namespace: "default",
+                    repo: "some-repository",
+                    values: "some-other-default-configuration",
+                    version: "some-version",
+                  });
+                });
+
+                describe("when selecting the dock tab for installing first chart", () => {
+                  beforeEach(() => {
+                    callForHelmChartValuesMock.mockClear();
+                    callForHelmChartVersionsMock.mockClear();
+
+                    const tab = rendered.getByTestId(
+                      "dock-tab-for-some-first-tab-id",
+                    );
+
+                    fireEvent.click(tab);
+                  });
+
+                  it("renders", () => {
+                    expect(rendered.baseElement).toMatchSnapshot();
+                  });
+
+                  it("does not call for default configuration", () => {
+                    expect(
+                      callForHelmChartValuesMock,
+                    ).not.toHaveBeenCalled();
+                  });
+
+                  it("does not call for available versions", () => {
+                    expect(
+                      callForHelmChartVersionsMock,
+                    ).not.toHaveBeenCalled();
+                  });
+
+                  it("does not show spinner", () => {
+                    expect(
+                      rendered.queryByTestId("install-chart-tab-spinner"),
+                    ).not.toBeInTheDocument();
+                  });
+
+                  it("when installing the first chart, calls for installation of first chart", () => {
+                    const installButton = rendered.getByTestId(
+                      "install-chart-from-tab-for-some-first-tab-id",
+                    );
+
+                    fireEvent.click(installButton);
+
+                    expect(
+                      callForCreateHelmReleaseMock,
+                    ).toHaveBeenCalledWith({
+                      chart: "some-name",
+                      name: undefined,
+                      namespace: "default",
+                      repo: "some-repository",
+                      values: "some-default-configuration",
+                      version: "some-version",
+                    });
+                  });
+                });
+              });
+            });
+          });
+
+          describe("given changing version to be installed", () => {
+            let menu: { selectOption: (labelText: string) => void };
+
+            beforeEach(() => {
+              callForHelmChartVersionsMock.mockClear();
+              callForHelmChartValuesMock.mockClear();
+
+              const menuId =
+                "install-chart-version-select-for-some-first-tab-id";
+
+              menu = builder.select.openMenu(menuId);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            describe("when version is selected", () => {
+              let installButton: HTMLButtonElement;
+
+              beforeEach(() => {
+                installButton = rendered.getByTestId(
+                  "install-chart-from-tab-for-some-first-tab-id",
+                ) as HTMLButtonElement;
+
+                menu.selectOption("some-other-version");
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("calls for default configuration for the version of chart", () => {
+                expect(callForHelmChartValuesMock).toHaveBeenCalledWith(
+                  "some-repository",
+                  "some-name",
+                  "some-other-version",
+                );
+              });
+
+              it("shows spinner", () => {
+                expect(
+                  rendered.getByTestId(
+                    "install-chart-configuration-spinner",
+                  ),
+                ).toBeInTheDocument();
+              });
+
+              it("does not call for versions again", () => {
+                expect(
+                  callForHelmChartVersionsMock,
+                ).not.toHaveBeenCalled();
+              });
+
+              it("install button is disabled", () => {
+                expect(installButton).toHaveAttribute("disabled");
+              });
+
+              it("stores the selected version", async () => {
+                const readJsonFile = windowDi.inject(readJsonFileInjectable);
+
+                const actual = await readJsonFile(
+                  "/some-directory-for-lens-local-storage/some-cluster-id.json",
+                ) as any;
+
+                const version = actual.install_charts["some-first-tab-id"].version;
+
+                expect(version).toBe("some-other-version");
+              });
+
+              describe("when default configuration resolves", () => {
+                beforeEach(async () => {
+                  await callForHelmChartValuesMock.resolve(
+                    "some-default-configuration-for-other-version",
+                  );
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("does not show spinner", () => {
+                  expect(
+                    rendered.queryByTestId(
+                      "install-chart-configuration-spinner",
+                    ),
+                  ).not.toBeInTheDocument();
+                });
+
+                it("install button is enabled", () => {
+                  expect(installButton).not.toHaveAttribute("disabled");
+                });
+
+                it("when installing the chart, calls for installation with changed version and default configuration", () => {
+                  fireEvent.click(installButton);
+
+                  expect(
+                    callForCreateHelmReleaseMock,
+                  ).toHaveBeenCalledWith({
+                    chart: "some-name",
+                    name: undefined,
+                    namespace: "default",
+                    repo: "some-repository",
+                    values:
+                      "some-default-configuration-for-other-version",
+                    version: "some-other-version",
+                  });
+                });
+              });
+            });
+          });
+
+          describe("given namespace selection is opened", () => {
+            let menu: { selectOption: (labelText: string) => void };
+
+            beforeEach(() => {
+              const menuId =
+                "install-chart-namespace-select-for-some-first-tab-id";
+
+              menu = builder.select.openMenu(menuId);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            describe("when namespace is selected", () => {
+              beforeEach(() => {
+                menu.selectOption("some-other-namespace");
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("stores the selected namespace", async () => {
+                const readJsonFile = windowDi.inject(readJsonFileInjectable);
+
+                const actual = await readJsonFile(
+                  "/some-directory-for-lens-local-storage/some-cluster-id.json",
+                ) as any;
+
+                const namespace = actual.install_charts["some-first-tab-id"].namespace;
+
+                expect(namespace).toBe("some-other-namespace");
+              });
+
+              it("when installing the chart, calls for installation with changed namespace", () => {
+                const installButton = rendered.getByTestId(
+                  "install-chart-from-tab-for-some-first-tab-id",
+                );
+
+                fireEvent.click(installButton);
+
+                expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith(
+                  {
+                    chart: "some-name",
+                    name: undefined,
+                    namespace: "some-other-namespace",
+                    repo: "some-repository",
+                    values: "some-default-configuration",
+                    version: "some-version",
+                  },
+                );
+              });
+            });
+          });
+
+          describe("given invalid change in configuration", () => {
+            let installButton: HTMLButtonElement;
+            let input: HTMLInputElement;
+
+            beforeEach(() => {
+              installButton = rendered.getByTestId(
+                "install-chart-from-tab-for-some-first-tab-id",
+              ) as HTMLButtonElement;
+
+              input = rendered.getByTestId(
+                "monaco-editor-for-some-first-tab-id",
+              ) as HTMLInputElement;
+
+              fireEvent.change(input, {
+                target: { value: "@some-invalid-configuration@" },
+              });
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("updates the editor with the changed value", () => {
+              const input = rendered.getByTestId(
+                "monaco-editor-for-some-first-tab-id",
+              );
+
+              expect(input).toHaveValue("@some-invalid-configuration@");
+            });
+
+            it("install button is disabled", () => {
+              expect(installButton).toHaveAttribute("disabled");
+            });
+
+            it("when valid change in configuration, install button is enabled", () => {
+              fireEvent.change(input, {
+                target: { value: "some-valid-configuration" },
+              });
+
+              expect(installButton).not.toHaveAttribute("disabled");
+            });
+
+            it("given change in version, when default configuration resolves, install button is enabled", async () => {
+              builder.select
+                .openMenu(
+                  "install-chart-version-select-for-some-first-tab-id",
+                )
+                .selectOption("some-other-version");
+
+              await callForHelmChartValuesMock.resolve(
+                "some-default-configuration-for-other-version",
+              );
+
+              expect(installButton).not.toHaveAttribute("disabled");
+            });
+          });
+
+          describe("given valid change in configuration", () => {
+            beforeEach(() => {
+              const input = rendered.getByTestId(
+                "monaco-editor-for-some-first-tab-id",
+              );
+
+              fireEvent.change(input, {
+                target: { value: "some-valid-configuration" },
+              });
+            });
+
+            it("updates the editor with the changed value", () => {
+              const input = rendered.getByTestId(
+                "monaco-editor-for-some-first-tab-id",
+              );
+
+              expect(input).toHaveValue("some-valid-configuration");
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("stores the changed configuration", async () => {
+              const readJsonFile = windowDi.inject(readJsonFileInjectable);
+
+              const actual = await readJsonFile(
+                "/some-directory-for-lens-local-storage/some-cluster-id.json",
+              ) as any;
+
+              const configuration = actual.install_charts["some-first-tab-id"].values;
+
+              expect(configuration).toBe("some-valid-configuration");
+            });
+
+            it("does not show spinner", () => {
+              expect(
+                rendered.queryByTestId("install-chart-tab-spinner"),
+              ).not.toBeInTheDocument();
+            });
+
+            it("when installing the chart, calls for installation with changed configuration", () => {
+              const installButton = rendered.getByTestId(
+                "install-chart-from-tab-for-some-first-tab-id",
+              );
+
+              fireEvent.click(installButton);
+
+              expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith({
+                chart: "some-name",
+                name: undefined,
+                namespace: "default",
+                repo: "some-repository",
+                values: "some-valid-configuration",
+                version: "some-version",
+              });
+            });
+
+            it("given version is changed, when default configuration resolves, defaults back to default configuration", async () => {
+              builder.select
+                .openMenu(
+                  "install-chart-version-select-for-some-first-tab-id",
+                )
+                .selectOption("some-other-version");
+
+              await callForHelmChartValuesMock.resolve(
+                "some-default-configuration-for-other-version",
+              );
+
+              const input = rendered.getByTestId(
+                "monaco-editor-for-some-first-tab-id",
+              );
+
+              expect(input).toHaveValue(
+                "some-default-configuration-for-other-version",
+              );
+            });
+          });
+
+          describe("given custom name is inputted", () => {
+            beforeEach(() => {
+              const input = rendered.getByTestId(
+                "install-chart-custom-name-input-for-some-first-tab-id",
+              );
+
+              fireEvent.change(input, {
+                target: { value: "some-custom-name" },
+              });
+
+            });
+
+            it("stores the changed custom name", async () => {
+              const readJsonFile = windowDi.inject(readJsonFileInjectable);
+
+              const actual = await readJsonFile(
+                "/some-directory-for-lens-local-storage/some-cluster-id.json",
+              ) as any;
+
+              const customName = actual.install_charts["some-first-tab-id"].releaseName;
+
+              expect(customName).toBe("some-custom-name");
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("when installed, calls for installation with custom name", () => {
+              const installButton = rendered.getByTestId(
+                "install-chart-from-tab-for-some-first-tab-id",
+              );
+
+              fireEvent.click(installButton);
+
+              expect(callForCreateHelmReleaseMock).toHaveBeenCalledWith({
+                chart: "some-name",
+                name: "some-custom-name",
+                namespace: "default",
+                repo: "some-repository",
+                values: "some-default-configuration",
+                version: "some-version",
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/src/features/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts b/src/features/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts
new file mode 100644
index 0000000000..c49f3a7942
--- /dev/null
+++ b/src/features/helm-charts/installing-chart/installing-helm-chart-from-previously-opened-tab.test.ts
@@ -0,0 +1,250 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+import getRandomInstallChartTabIdInjectable from "../../../renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable";
+import type { CallForHelmChartValues } from "../../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable";
+import callForHelmChartValuesInjectable from "../../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable";
+import namespaceStoreInjectable from "../../../renderer/components/+namespaces/store.injectable";
+import type { NamespaceStore } from "../../../renderer/components/+namespaces/store";
+import type { CallForHelmChartVersions } from "../../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import callForHelmChartVersionsInjectable from "../../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import writeJsonFileInjectable from "../../../common/fs/write-json-file.injectable";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import hostedClusterIdInjectable from "../../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import { TabKind } from "../../../renderer/components/dock/dock/store";
+import { controlWhenStoragesAreReady } from "../../../renderer/utils/create-storage/storages-are-ready";
+import callForCreateHelmReleaseInjectable from "../../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable";
+
+describe("installing helm chart from previously opened tab", () => {
+  let builder: ApplicationBuilder;
+  let callForHelmChartVersionsMock: AsyncFnMock<CallForHelmChartVersions>;
+  let callForHelmChartValuesMock: AsyncFnMock<CallForHelmChartValues>;
+  let storagesAreReady: () => Promise<void>;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForHelmChartVersionsMock = asyncFn();
+    callForHelmChartValuesMock = asyncFn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+
+      storagesAreReady = controlWhenStoragesAreReady(windowDi);
+
+      windowDi.override(
+        callForHelmChartVersionsInjectable,
+        () => callForHelmChartVersionsMock,
+      );
+
+      windowDi.override(
+        callForHelmChartValuesInjectable,
+        () => callForHelmChartValuesMock,
+      );
+
+      windowDi.override(
+        callForHelmChartValuesInjectable,
+        () => callForHelmChartValuesMock,
+      );
+
+      windowDi.override(
+        callForCreateHelmReleaseInjectable,
+        () => jest.fn(),
+      );
+
+      // TODO: Replace store mocking with mock for the actual side-effect (where the namespaces are coming from)
+      windowDi.override(
+        namespaceStoreInjectable,
+        () =>
+          ({
+            contextNamespaces: [],
+            items: [
+              { getName: () => "default" },
+              { getName: () => "some-other-namespace" },
+            ],
+            selectNamespaces: () => {},
+          } as unknown as NamespaceStore),
+      );
+
+      windowDi.override(getRandomInstallChartTabIdInjectable, () =>
+        jest
+          .fn(() => "some-irrelevant-tab-id")
+          .mockReturnValueOnce("some-first-tab-id"),
+      );
+    });
+  });
+
+  describe("given tab for installing chart was previously opened, when application is started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      builder.beforeWindowStart(async (windowDi) => {
+        const writeJsonFile = windowDi.inject(writeJsonFileInjectable);
+
+        await writeJsonFile(
+          "/some-directory-for-lens-local-storage/some-cluster-id.json",
+          {
+            dock: {
+              height: 300,
+              tabs: [
+                {
+                  id: "some-first-tab-id",
+                  kind: TabKind.INSTALL_CHART,
+                  title: "Helm Install: some-repository/some-name",
+                  pinned: false,
+                },
+              ],
+
+              isOpen: true,
+            },
+
+            install_charts: {
+              "some-first-tab-id": {
+                name: "some-name",
+                repo: "some-repository",
+                version: "some-other-version",
+                values: "some-stored-configuration",
+                releaseName: "some-stored-custom-name",
+                namespace: "some-other-namespace",
+              },
+            },
+          },
+        );
+      });
+
+      rendered = await builder.render();
+
+      await storagesAreReady();
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("still has the dock tab for installing chart", () => {
+      expect(
+        rendered.getByTestId("dock-tab-for-some-first-tab-id"),
+      ).toBeInTheDocument();
+    });
+
+    it("shows dock tab for installing the chart", () => {
+      expect(
+        rendered.getByTestId("dock-tab-content-for-some-first-tab-id"),
+      ).toBeInTheDocument();
+    });
+
+    it("shows spinner in dock tab", () => {
+      expect(
+        rendered.getByTestId("install-chart-tab-spinner"),
+      ).toBeInTheDocument();
+    });
+
+    it("calls for default configuration of the chart", () => {
+      expect(callForHelmChartValuesMock).toHaveBeenCalledWith(
+        "some-repository",
+        "some-name",
+        "some-other-version",
+      );
+    });
+
+    it("calls for available versions", () => {
+      expect(callForHelmChartVersionsMock).toHaveBeenCalledWith(
+        "some-repository",
+        "some-name",
+      );
+    });
+
+    describe("when configuration and version resolves", () => {
+      beforeEach(async () => {
+        await callForHelmChartValuesMock.resolve(
+          "some-default-configuration",
+        );
+
+        await callForHelmChartVersionsMock.resolve([
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-name",
+            version: "some-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-name",
+            version: "some-other-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+        ]);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("has the stored configuration", () => {
+        const input = rendered.getByTestId(
+          "monaco-editor-for-some-first-tab-id",
+        );
+
+        expect(input).toHaveValue("some-stored-configuration");
+      });
+
+      it("has the stored custom name", () => {
+        const input = rendered.getByTestId(
+          "install-chart-custom-name-input-for-some-first-tab-id",
+        );
+
+        expect(input).toHaveValue("some-stored-custom-name");
+      });
+
+      it("has the stored version", () => {
+        const actual = builder.select.getValue(
+          "install-chart-version-select-for-some-first-tab-id",
+        );
+
+        expect(actual).toBe("some-other-version");
+
+      });
+
+      it("has the stored namespace", () => {
+        const actual = builder.select.getValue(
+          "install-chart-namespace-select-for-some-first-tab-id",
+        );
+
+        expect(actual).toBe("some-other-namespace");
+      });
+    });
+  });
+});
diff --git a/src/features/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts b/src/features/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts
new file mode 100644
index 0000000000..ddc682afd2
--- /dev/null
+++ b/src/features/helm-charts/installing-chart/opening-dock-tab-for-installing-helm-chart.test.ts
@@ -0,0 +1,351 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import type { CallForHelmCharts } from "../../../renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable";
+import callForHelmChartsInjectable from "../../../renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable";
+import { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+import getRandomInstallChartTabIdInjectable from "../../../renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable";
+import callForHelmChartValuesInjectable from "../../../renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable";
+import callForCreateHelmReleaseInjectable from "../../../renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable";
+import type { CallForHelmChartReadme } from "../../../renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable";
+import callForHelmChartReadmeInjectable from "../../../renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable";
+import type { CallForHelmChartVersions } from "../../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import callForHelmChartVersionsInjectable from "../../../renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import { flushPromises } from "../../../common/test-utils/flush-promises";
+import directoryForLensLocalStorageInjectable from "../../../common/directory-for-lens-local-storage/directory-for-lens-local-storage.injectable";
+import hostedClusterIdInjectable from "../../../renderer/cluster-frame-context/hosted-cluster-id.injectable";
+import dockStoreInjectable from "../../../renderer/components/dock/dock/store.injectable";
+
+describe("opening dock tab for installing helm chart", () => {
+  let builder: ApplicationBuilder;
+  let callForHelmChartsMock: AsyncFnMock<CallForHelmCharts>;
+  let callForHelmChartVersionsMock: AsyncFnMock<CallForHelmChartVersions>;
+  let callForHelmChartReadmeMock: AsyncFnMock<CallForHelmChartReadme>;
+  let callForHelmChartValuesMock: jest.Mock;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+
+    callForHelmChartsMock = asyncFn();
+    callForHelmChartVersionsMock = asyncFn();
+    callForHelmChartReadmeMock = asyncFn();
+    callForHelmChartValuesMock = jest.fn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        directoryForLensLocalStorageInjectable,
+        () => "/some-directory-for-lens-local-storage",
+      );
+
+      windowDi.override(hostedClusterIdInjectable, () => "some-cluster-id");
+
+      windowDi.override(
+        callForHelmChartsInjectable,
+        () => callForHelmChartsMock,
+      );
+
+      windowDi.override(
+        callForHelmChartVersionsInjectable,
+        () => callForHelmChartVersionsMock,
+      );
+
+      windowDi.override(
+        callForHelmChartReadmeInjectable,
+        () => callForHelmChartReadmeMock,
+      );
+
+      windowDi.override(
+        callForHelmChartValuesInjectable,
+        () => callForHelmChartValuesMock,
+      );
+
+      windowDi.override(
+        callForCreateHelmReleaseInjectable,
+        () => jest.fn(),
+      );
+
+      windowDi.override(getRandomInstallChartTabIdInjectable, () =>
+        jest
+          .fn(() => "some-irrelevant-tab-id")
+          .mockReturnValueOnce("some-tab-id"),
+      );
+    });
+
+    builder.setEnvironmentToClusterFrame();
+  });
+
+  describe("given application is started, when navigating to helm charts", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      builder.helmCharts.navigate();
+
+      const windowDi = builder.applicationWindow.only.di;
+
+      const dockStore = windowDi.inject(dockStoreInjectable);
+
+      // TODO: Make TerminalWindow unit testable to allow realistic behaviour
+      dockStore.closeTab("terminal");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("calls for charts", () => {
+      expect(callForHelmChartsMock).toHaveBeenCalled();
+    });
+
+    describe("when charts resolve", () => {
+      beforeEach(async () => {
+        await callForHelmChartsMock.resolve([
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-name",
+            version: "some-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+
+          HelmChart.create({
+            apiVersion: "some-api-version",
+            name: "some-other-name",
+            version: "some-version",
+            repo: "some-repository",
+            created: "2015-10-21T07:28:00Z",
+            description: "some-description",
+            keywords: [],
+            sources: [],
+            urls: [],
+            annotations: {},
+            dependencies: [],
+            maintainers: [],
+            deprecated: false,
+          }),
+        ]);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when opening details of a chart", () => {
+        beforeEach(() => {
+          const row = rendered.getByTestId(
+            "helm-chart-row-for-some-repository-some-name",
+          );
+
+          fireEvent.click(row);
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("calls for chart versions", () => {
+          expect(callForHelmChartVersionsMock).toHaveBeenCalledWith(
+            "some-repository",
+            "some-name",
+          );
+        });
+
+        it("shows spinner", () => {
+          expect(
+            rendered.getByTestId("spinner-for-chart-details"),
+          ).toBeInTheDocument();
+        });
+
+        describe("when chart versions resolve", () => {
+          beforeEach(async () => {
+            await callForHelmChartVersionsMock.resolve([
+              HelmChart.create({
+                apiVersion: "some-api-version",
+                name: "some-name",
+                version: "some-version",
+                repo: "some-repository",
+                created: "2015-10-21T07:28:00Z",
+                description: "some-description",
+                keywords: [],
+                sources: [],
+                urls: [],
+                annotations: {},
+                dependencies: [],
+                maintainers: [],
+                deprecated: false,
+              }),
+
+              HelmChart.create({
+                apiVersion: "some-api-version",
+                name: "some-name",
+                version: "some-other-version",
+                repo: "some-repository",
+                created: "2015-10-21T07:28:00Z",
+                description: "some-description",
+                keywords: [],
+                sources: [],
+                urls: [],
+                annotations: {},
+                dependencies: [],
+                maintainers: [],
+                deprecated: false,
+              }),
+            ]);
+          });
+
+          it("calls for chart readme for the version", () => {
+            expect(callForHelmChartReadmeMock).toHaveBeenCalledWith(
+              "some-repository",
+              "some-name",
+              "some-version",
+            );
+          });
+
+          it("has the latest version as selected", () => {
+            const actual = builder.select.getValue(
+              "helm-chart-version-selector-some-repository-some-name",
+            );
+
+            expect(actual).toBe("some-version");
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("does not shows spinner for details", () => {
+            expect(
+              rendered.queryByTestId("spinner-for-chart-details"),
+            ).not.toBeInTheDocument();
+          });
+
+          it("shows spinner for readme", () => {
+            expect(
+              rendered.getByTestId("spinner-for-chart-readme"),
+            ).toBeInTheDocument();
+          });
+
+          describe("when readme resolves", () => {
+            beforeEach(async () => {
+              await callForHelmChartReadmeMock.resolve("some-readme");
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("does not show spinner anymore", () => {
+              expect(
+                rendered.queryByTestId("spinner-for-chart-readme"),
+              ).not.toBeInTheDocument();
+            });
+
+            describe("when selecting different version", () => {
+              beforeEach(() => {
+                callForHelmChartReadmeMock.mockClear();
+
+                builder.select
+                  .openMenu(
+                    "helm-chart-version-selector-some-repository-some-name",
+                  )
+                  .selectOption("some-other-version");
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("selects the version", () => {
+                const actual = builder.select.getValue(
+                  "helm-chart-version-selector-some-repository-some-name",
+                );
+
+                expect(actual).toBe("some-other-version");
+              });
+
+              it("calls for chart readme for the version", () => {
+                expect(callForHelmChartReadmeMock).toHaveBeenCalledWith(
+                  "some-repository",
+                  "some-name",
+                  "some-other-version",
+                );
+              });
+
+              describe("when readme resolves", () => {
+                beforeEach(async () => {
+                  await callForHelmChartReadmeMock.resolve("some-readme");
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("when selecting to install chart, calls for the default configuration of the chart with specific version", async () => {
+                  const installButton = rendered.getByTestId(
+                    "install-chart-for-some-repository-some-name",
+                  );
+
+                  fireEvent.click(installButton);
+
+                  await flushPromises();
+
+                  expect(callForHelmChartValuesMock).toHaveBeenCalledWith(
+                    "some-repository",
+                    "some-name",
+                    "some-other-version",
+                  );
+                });
+              });
+            });
+
+            describe("when selecting to install the chart", () => {
+              beforeEach(() => {
+                callForHelmChartVersionsMock.mockClear();
+
+                const installButton = rendered.getByTestId(
+                  "install-chart-for-some-repository-some-name",
+                );
+
+                fireEvent.click(installButton);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("has the dock tab for installing chart", () => {
+                expect(
+                  rendered.getByTestId("dock-tab-for-some-tab-id"),
+                ).toBeInTheDocument();
+              });
+
+              it("shows dock tab for installing chart", () => {
+                expect(
+                  rendered.getByTestId(
+                    "dock-tab-content-for-some-tab-id",
+                  ),
+                ).toBeInTheDocument();
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/src/behaviours/helm-charts/listing-active-helm-repositories-in-preferences.test.ts b/src/features/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
similarity index 95%
rename from src/behaviours/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
rename to src/features/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
index a801487d10..395b4c2c8a 100644
--- a/src/behaviours/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
+++ b/src/features/helm-charts/listing-active-helm-repositories-in-preferences.test.ts
@@ -17,13 +17,8 @@ import type { Logger } from "../../common/logger";
 import callForPublicHelmRepositoriesInjectable from "../../renderer/components/+preferences/kubernetes/helm-charts/adding-of-public-helm-repository/public-helm-repositories/call-for-public-helm-repositories.injectable";
 import showErrorNotificationInjectable from "../../renderer/components/notifications/show-error-notification.injectable";
 
-// TODO: Make tooltips free of side effects by making it deterministic
-jest.mock("../../renderer/components/tooltip/withTooltip", () => ({
-  withTooltip: (target: any) => target,
-}));
-
 describe("listing active helm repositories in preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let rendered: RenderResult;
   let readYamlFileMock: AsyncFnMock<ReadYamlFile>;
   let execFileMock: AsyncFnMock<ReturnType<typeof execFileInjectable["instantiate"]>>;
@@ -31,31 +26,33 @@ describe("listing active helm repositories in preferences", () => {
   let showErrorNotificationMock: jest.Mock;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
     readYamlFileMock = asyncFn();
     execFileMock = asyncFn();
+    showErrorNotificationMock = jest.fn();
 
     loggerStub = { error: jest.fn() } as unknown as Logger;
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
-      showErrorNotificationMock = jest.fn();
-
-      rendererDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
-      rendererDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(readYamlFileInjectable, () => readYamlFileMock);
       mainDi.override(execFileInjectable, () => execFileMock);
       mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
       mainDi.override(loggerInjectable, () => loggerStub);
     });
 
-    rendered = await applicationBuilder.render();
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(showErrorNotificationInjectable, () => showErrorNotificationMock);
+      windowDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
+    });
+
+    rendered = await builder.render();
   });
 
   describe("when navigating to preferences containing helm repositories", () => {
     beforeEach(async () => {
-      applicationBuilder.preferences.navigate();
-      applicationBuilder.preferences.navigation.click("kubernetes");
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
     });
 
     it("renders", () => {
diff --git a/src/behaviours/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts b/src/features/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
similarity index 81%
rename from src/behaviours/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
rename to src/features/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
index 0d3dfe331a..1eb6b7b832 100644
--- a/src/behaviours/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
+++ b/src/features/helm-charts/remove-helm-repository-from-list-of-active-repository-in-preferences.test.ts
@@ -15,44 +15,37 @@ import type { HelmRepo } from "../../common/helm/helm-repo";
 import callForPublicHelmRepositoriesInjectable from "../../renderer/components/+preferences/kubernetes/helm-charts/adding-of-public-helm-repository/public-helm-repositories/call-for-public-helm-repositories.injectable";
 import type { AsyncResult } from "../../common/utils/async-result";
 
-// TODO: Make tooltips free of side effects by making it deterministic
-jest.mock("../../renderer/components/tooltip/withTooltip", () => ({
-  withTooltip: (target: any) => target,
-}));
-
 describe("remove helm repository from list of active repositories in preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let rendered: RenderResult;
-  let getActiveHelmRepositoriesMock: AsyncFnMock<() => AsyncResult<HelmRepo[]>>;
+  let getActiveHelmRepositoriesMock: AsyncFnMock<() => Promise<AsyncResult<HelmRepo[]>>>;
   let execFileMock: AsyncFnMock<
     ReturnType<typeof execFileInjectable["instantiate"]>
   >;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
     execFileMock = asyncFn();
     getActiveHelmRepositoriesMock = asyncFn();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
-      rendererDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
-
-      mainDi.override(
-        getActiveHelmRepositoriesInjectable,
-        () => getActiveHelmRepositoriesMock,
-      );
-
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
       mainDi.override(execFileInjectable, () => execFileMock);
       mainDi.override(helmBinaryPathInjectable, () => "some-helm-binary-path");
     });
 
-    rendered = await applicationBuilder.render();
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
+    });
+
+    rendered = await builder.render();
   });
 
   describe("when navigating to preferences containing helm repositories", () => {
     beforeEach(async () => {
-      applicationBuilder.preferences.navigate();
-      applicationBuilder.preferences.navigation.click("kubernetes");
+      builder.preferences.navigate();
+      builder.preferences.navigation.click("kubernetes");
     });
 
     it("renders", () => {
diff --git a/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap b/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
new file mode 100644
index 0000000000..11d171ceb1
--- /dev/null
+++ b/src/features/helm-releases/__snapshots__/showing-details-for-helm-release.test.ts.snap
@@ -0,0 +1,16069 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`showing details for helm release given application is started when navigating to helm releases renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="Spinner singleColor center"
+                    data-testid="helm-releases-spinner"
+                  />
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve but there is none, renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="NoItems flex box grow"
+                  >
+                    <div
+                      class="box center"
+                    >
+                      Item list is empty
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="helm-release-detail-content-spinner"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details is closed renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details is closed when opening details for same release renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="helm-release-detail-content-spinner"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="helm-release-detail-content-spinner"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <ul
+          class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
+          id="menu-actions-for-release-menu-for-some-namespace/some-name"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="refresh"
+              >
+                refresh
+              </span>
+            </i>
+            <div>
+              Upgrade
+            </div>
+            <span
+              class="title"
+            >
+              Upgrade
+            </span>
+          </li>
+          <li
+            class="MenuItem"
+            data-testid="menu-action-remove"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="delete"
+              >
+                delete
+              </span>
+            </i>
+            <div>
+              Delete
+            </div>
+            <span
+              class="title"
+            >
+              Delete
+            </span>
+          </li>
+        </ul>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div>
+          <div
+            class="DrawerItem chart"
+          >
+            <span
+              class="name"
+            >
+              Chart
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="flex gaps align-center"
+              >
+                <span>
+                  some-chart
+                </span>
+                <button
+                  class="Button box right upgrade primary"
+                  data-testid="helm-release-upgrade-button"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Updated
+            </span>
+            <span
+              class="value"
+            >
+              NaNy
+               ago (some-updated)
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Namespace
+            </span>
+            <span
+              class="value"
+            >
+              some-namespace
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Version
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="version flex gaps align-center"
+              >
+                <span />
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem status labelsOnly"
+          >
+            <span
+              class="name"
+            >
+              Status
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="badge some-status"
+              >
+                Some-status
+              </div>
+            </span>
+          </div>
+          <div
+            class="values"
+          >
+            <div
+              class="DrawerTitle title"
+            >
+              Values
+            </div>
+            <div
+              class="flex column gaps"
+            >
+              <label
+                class="Checkbox flex align-center"
+              >
+                <input
+                  data-testid="user-supplied-values-only-checkbox"
+                  type="checkbox"
+                />
+                <i
+                  class="box flex align-center"
+                />
+                <span
+                  class="label"
+                >
+                  User-supplied values only
+                </span>
+              </label>
+              <textarea
+                data-testid="monaco-editor-for-helm-release-configuration"
+              >
+                some-configuration
+              </textarea>
+              <button
+                class="Button primary"
+                data-testid="helm-release-configuration-save-button"
+                data-waiting="false"
+                type="button"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Notes
+          </div>
+          <div
+            class="notes"
+          >
+            some-notes
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Resources
+          </div>
+          <div
+            class="resources"
+          >
+            <div
+              class="SubTitle"
+            >
+              some-kind
+               
+            </div>
+            <div
+              class="Table flex column autoSize"
+            >
+              <div
+                class="TableHead"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  Name
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  Namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  Age
+                </div>
+              </div>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  0s
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves when changing the configuration renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <ul
+          class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
+          id="menu-actions-for-release-menu-for-some-namespace/some-name"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="refresh"
+              >
+                refresh
+              </span>
+            </i>
+            <div>
+              Upgrade
+            </div>
+            <span
+              class="title"
+            >
+              Upgrade
+            </span>
+          </li>
+          <li
+            class="MenuItem"
+            data-testid="menu-action-remove"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="delete"
+              >
+                delete
+              </span>
+            </i>
+            <div>
+              Delete
+            </div>
+            <span
+              class="title"
+            >
+              Delete
+            </span>
+          </li>
+        </ul>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div>
+          <div
+            class="DrawerItem chart"
+          >
+            <span
+              class="name"
+            >
+              Chart
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="flex gaps align-center"
+              >
+                <span>
+                  some-chart
+                </span>
+                <button
+                  class="Button box right upgrade primary"
+                  data-testid="helm-release-upgrade-button"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Updated
+            </span>
+            <span
+              class="value"
+            >
+              NaNy
+               ago (some-updated)
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Namespace
+            </span>
+            <span
+              class="value"
+            >
+              some-namespace
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Version
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="version flex gaps align-center"
+              >
+                <span />
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem status labelsOnly"
+          >
+            <span
+              class="name"
+            >
+              Status
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="badge some-status"
+              >
+                Some-status
+              </div>
+            </span>
+          </div>
+          <div
+            class="values"
+          >
+            <div
+              class="DrawerTitle title"
+            >
+              Values
+            </div>
+            <div
+              class="flex column gaps"
+            >
+              <label
+                class="Checkbox flex align-center"
+              >
+                <input
+                  data-testid="user-supplied-values-only-checkbox"
+                  type="checkbox"
+                />
+                <i
+                  class="box flex align-center"
+                />
+                <span
+                  class="label"
+                >
+                  User-supplied values only
+                </span>
+              </label>
+              <textarea
+                data-testid="monaco-editor-for-helm-release-configuration"
+              >
+                some-new-configuration
+              </textarea>
+              <button
+                class="Button primary"
+                data-testid="helm-release-configuration-save-button"
+                data-waiting="false"
+                type="button"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Notes
+          </div>
+          <div
+            class="notes"
+          >
+            some-notes
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Resources
+          </div>
+          <div
+            class="resources"
+          >
+            <div
+              class="SubTitle"
+            >
+              some-kind
+               
+            </div>
+            <div
+              class="Table flex column autoSize"
+            >
+              <div
+                class="TableHead"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  Name
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  Namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  Age
+                </div>
+              </div>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  0s
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves when changing the configuration when saving renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <ul
+          class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
+          id="menu-actions-for-release-menu-for-some-namespace/some-name"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="refresh"
+              >
+                refresh
+              </span>
+            </i>
+            <div>
+              Upgrade
+            </div>
+            <span
+              class="title"
+            >
+              Upgrade
+            </span>
+          </li>
+          <li
+            class="MenuItem"
+            data-testid="menu-action-remove"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="delete"
+              >
+                delete
+              </span>
+            </i>
+            <div>
+              Delete
+            </div>
+            <span
+              class="title"
+            >
+              Delete
+            </span>
+          </li>
+        </ul>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div>
+          <div
+            class="DrawerItem chart"
+          >
+            <span
+              class="name"
+            >
+              Chart
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="flex gaps align-center"
+              >
+                <span>
+                  some-chart
+                </span>
+                <button
+                  class="Button box right upgrade primary"
+                  data-testid="helm-release-upgrade-button"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Updated
+            </span>
+            <span
+              class="value"
+            >
+              NaNy
+               ago (some-updated)
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Namespace
+            </span>
+            <span
+              class="value"
+            >
+              some-namespace
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Version
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="version flex gaps align-center"
+              >
+                <span />
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem status labelsOnly"
+          >
+            <span
+              class="name"
+            >
+              Status
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="badge some-status"
+              >
+                Some-status
+              </div>
+            </span>
+          </div>
+          <div
+            class="values"
+          >
+            <div
+              class="DrawerTitle title"
+            >
+              Values
+            </div>
+            <div
+              class="flex column gaps"
+            >
+              <label
+                class="Checkbox flex align-center"
+              >
+                <input
+                  data-testid="user-supplied-values-only-checkbox"
+                  type="checkbox"
+                />
+                <i
+                  class="box flex align-center"
+                />
+                <span
+                  class="label"
+                >
+                  User-supplied values only
+                </span>
+              </label>
+              <textarea
+                data-testid="monaco-editor-for-helm-release-configuration"
+              >
+                some-new-configuration
+              </textarea>
+              <button
+                class="Button waiting primary"
+                data-testid="helm-release-configuration-save-button"
+                data-waiting="true"
+                type="button"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Notes
+          </div>
+          <div
+            class="notes"
+          >
+            some-notes
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Resources
+          </div>
+          <div
+            class="resources"
+          >
+            <div
+              class="SubTitle"
+            >
+              some-kind
+               
+            </div>
+            <div
+              class="Table flex column autoSize"
+            >
+              <div
+                class="TableHead"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  Name
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  Namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  Age
+                </div>
+              </div>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  0s
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves when changing the configuration when saving when update resolves with failure renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="Spinner singleColor center"
+                    data-testid="helm-releases-spinner"
+                  />
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <ul
+          class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
+          id="menu-actions-for-release-menu-for-some-namespace/some-name"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="refresh"
+              >
+                refresh
+              </span>
+            </i>
+            <div>
+              Upgrade
+            </div>
+            <span
+              class="title"
+            >
+              Upgrade
+            </span>
+          </li>
+          <li
+            class="MenuItem"
+            data-testid="menu-action-remove"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="delete"
+              >
+                delete
+              </span>
+            </i>
+            <div>
+              Delete
+            </div>
+            <span
+              class="title"
+            >
+              Delete
+            </span>
+          </li>
+        </ul>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div>
+          <div
+            class="DrawerItem chart"
+          >
+            <span
+              class="name"
+            >
+              Chart
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="flex gaps align-center"
+              >
+                <span>
+                  some-chart
+                </span>
+                <button
+                  class="Button box right upgrade primary"
+                  data-testid="helm-release-upgrade-button"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Updated
+            </span>
+            <span
+              class="value"
+            >
+              NaNy
+               ago (some-updated)
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Namespace
+            </span>
+            <span
+              class="value"
+            >
+              some-namespace
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Version
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="version flex gaps align-center"
+              >
+                <span />
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem status labelsOnly"
+          >
+            <span
+              class="name"
+            >
+              Status
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="badge some-status"
+              >
+                Some-status
+              </div>
+            </span>
+          </div>
+          <div
+            class="values"
+          >
+            <div
+              class="DrawerTitle title"
+            >
+              Values
+            </div>
+            <div
+              class="flex column gaps"
+            >
+              <label
+                class="Checkbox flex align-center"
+              >
+                <input
+                  data-testid="user-supplied-values-only-checkbox"
+                  type="checkbox"
+                />
+                <i
+                  class="box flex align-center"
+                />
+                <span
+                  class="label"
+                >
+                  User-supplied values only
+                </span>
+              </label>
+              <textarea
+                data-testid="monaco-editor-for-helm-release-configuration"
+              >
+                some-new-configuration
+              </textarea>
+              <button
+                class="Button primary"
+                data-testid="helm-release-configuration-save-button"
+                data-waiting="false"
+                type="button"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Notes
+          </div>
+          <div
+            class="notes"
+          >
+            some-notes
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Resources
+          </div>
+          <div
+            class="resources"
+          >
+            <div
+              class="SubTitle"
+            >
+              some-kind
+               
+            </div>
+            <div
+              class="Table flex column autoSize"
+            >
+              <div
+                class="TableHead"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  Name
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  Namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  Age
+                </div>
+              </div>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  0s
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves when changing the configuration when saving when update resolves with success renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  0 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="Spinner singleColor center"
+                    data-testid="helm-releases-spinner"
+                  />
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <ul
+          class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
+          id="menu-actions-for-release-menu-for-some-namespace/some-name"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="refresh"
+              >
+                refresh
+              </span>
+            </i>
+            <div>
+              Upgrade
+            </div>
+            <span
+              class="title"
+            >
+              Upgrade
+            </span>
+          </li>
+          <li
+            class="MenuItem"
+            data-testid="menu-action-remove"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="delete"
+              >
+                delete
+              </span>
+            </i>
+            <div>
+              Delete
+            </div>
+            <span
+              class="title"
+            >
+              Delete
+            </span>
+          </li>
+        </ul>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div>
+          <div
+            class="DrawerItem chart"
+          >
+            <span
+              class="name"
+            >
+              Chart
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="flex gaps align-center"
+              >
+                <span>
+                  some-chart
+                </span>
+                <button
+                  class="Button box right upgrade primary"
+                  data-testid="helm-release-upgrade-button"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Updated
+            </span>
+            <span
+              class="value"
+            >
+              NaNy
+               ago (some-updated)
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Namespace
+            </span>
+            <span
+              class="value"
+            >
+              some-namespace
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Version
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="version flex gaps align-center"
+              >
+                <span />
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem status labelsOnly"
+          >
+            <span
+              class="name"
+            >
+              Status
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="badge some-status"
+              >
+                Some-status
+              </div>
+            </span>
+          </div>
+          <div
+            class="values"
+          >
+            <div
+              class="DrawerTitle title"
+            >
+              Values
+            </div>
+            <div
+              class="flex column gaps"
+            >
+              <label
+                class="Checkbox flex align-center disabled"
+              >
+                <input
+                  data-testid="user-supplied-values-only-checkbox"
+                  disabled=""
+                  type="checkbox"
+                />
+                <i
+                  class="box flex align-center"
+                />
+                <span
+                  class="label"
+                >
+                  User-supplied values only
+                </span>
+              </label>
+              <textarea
+                data-testid="monaco-editor-for-helm-release-configuration"
+              >
+                some-new-configuration
+              </textarea>
+              <button
+                class="Button primary"
+                data-testid="helm-release-configuration-save-button"
+                data-waiting="false"
+                disabled=""
+                type="button"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Notes
+          </div>
+          <div
+            class="notes"
+          >
+            some-notes
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Resources
+          </div>
+          <div
+            class="resources"
+          >
+            <div
+              class="SubTitle"
+            >
+              some-kind
+               
+            </div>
+            <div
+              class="Table flex column autoSize"
+            >
+              <div
+                class="TableHead"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  Name
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  Namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  Age
+                </div>
+              </div>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  0s
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves when changing the configuration when toggling to see only user defined values when configuration resolves renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          some-name
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="content_copy"
+            >
+              content_copy
+            </span>
+          </i>
+          <div>
+            Copy
+          </div>
+        </div>
+        <ul
+          class="Menu MenuActions flex HelmReleaseMenu toolbar gaps right bottom"
+          id="menu-actions-for-release-menu-for-some-namespace/some-name"
+        >
+          <li
+            class="MenuItem"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="refresh"
+              >
+                refresh
+              </span>
+            </i>
+            <div>
+              Upgrade
+            </div>
+            <span
+              class="title"
+            >
+              Upgrade
+            </span>
+          </li>
+          <li
+            class="MenuItem"
+            data-testid="menu-action-remove"
+            tabindex="0"
+          >
+            <i
+              class="Icon material interactive focusable"
+              tabindex="0"
+            >
+              <span
+                class="icon"
+                data-icon-name="delete"
+              >
+                delete
+              </span>
+            </i>
+            <div>
+              Delete
+            </div>
+            <span
+              class="title"
+            >
+              Delete
+            </span>
+          </li>
+        </ul>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div>
+          <div
+            class="DrawerItem chart"
+          >
+            <span
+              class="name"
+            >
+              Chart
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="flex gaps align-center"
+              >
+                <span>
+                  some-chart
+                </span>
+                <button
+                  class="Button box right upgrade primary"
+                  data-testid="helm-release-upgrade-button"
+                  type="button"
+                >
+                  Upgrade
+                </button>
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Updated
+            </span>
+            <span
+              class="value"
+            >
+              NaNy
+               ago (some-updated)
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Namespace
+            </span>
+            <span
+              class="value"
+            >
+              some-namespace
+            </span>
+          </div>
+          <div
+            class="DrawerItem"
+          >
+            <span
+              class="name"
+            >
+              Version
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="version flex gaps align-center"
+              >
+                <span />
+              </div>
+            </span>
+          </div>
+          <div
+            class="DrawerItem status labelsOnly"
+          >
+            <span
+              class="name"
+            >
+              Status
+            </span>
+            <span
+              class="value"
+            >
+              <div
+                class="badge some-status"
+              >
+                Some-status
+              </div>
+            </span>
+          </div>
+          <div
+            class="values"
+          >
+            <div
+              class="DrawerTitle title"
+            >
+              Values
+            </div>
+            <div
+              class="flex column gaps"
+            >
+              <label
+                class="Checkbox flex align-center checked"
+              >
+                <input
+                  data-testid="user-supplied-values-only-checkbox"
+                  type="checkbox"
+                />
+                <i
+                  class="box flex align-center"
+                />
+                <span
+                  class="label"
+                >
+                  User-supplied values only
+                </span>
+              </label>
+              <textarea
+                data-testid="monaco-editor-for-helm-release-configuration"
+              >
+                some-other-configuration
+              </textarea>
+              <button
+                class="Button primary"
+                data-testid="helm-release-configuration-save-button"
+                data-waiting="false"
+                type="button"
+              >
+                Save
+              </button>
+            </div>
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Notes
+          </div>
+          <div
+            class="notes"
+          >
+            some-notes
+          </div>
+          <div
+            class="DrawerTitle title"
+          >
+            Resources
+          </div>
+          <div
+            class="resources"
+          >
+            <div
+              class="SubTitle"
+            >
+              some-kind
+               
+            </div>
+            <div
+              class="Table flex column autoSize"
+            >
+              <div
+                class="TableHead"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  Name
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  Namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  Age
+                </div>
+              </div>
+              <div
+                class="TableRow"
+              >
+                <div
+                  class="TableCell name"
+                >
+                  some-resource
+                </div>
+                <div
+                  class="TableCell namespace"
+                >
+                  some-namespace
+                </div>
+                <div
+                  class="TableCell age"
+                >
+                  0s
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when details resolve when configuration resolves when selecting to upgrade chart renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock isOpen"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center DockTab active"
+                  data-testid="dock-tab-for-some-tab-id"
+                  id="tab-some-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable small"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="install_desktop"
+                    >
+                      install_desktop
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Helm Upgrade: some-name
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_down"
+                >
+                  keyboard_arrow_down
+                </span>
+              </i>
+              <div>
+                Minimize
+              </div>
+            </div>
+          </div>
+          <div
+            class="tab-content upgrade-chart"
+            data-testid="dock-tab-content-for-some-tab-id"
+            style="flex-basis: 300px;"
+          >
+            <div
+              class="Spinner singleColor center"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when opening details for second release renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-other-namespace/some-other-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="helm-release-detail-content-spinner"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
+
+exports[`showing details for helm release given application is started when navigating to helm releases when releases resolve when selecting release to see details when release resolve with no data, renders 1`] = `
+<body>
+  <div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+    <div
+      class="mainLayout"
+      style="--sidebar-width: 200px;"
+    >
+      <div
+        class="sidebar"
+      >
+        <div
+          class="flex flex-col"
+          data-testid="cluster-sidebar"
+        >
+          <div
+            class="SidebarCluster"
+          >
+            <div
+              class="Avatar rounded loadingAvatar"
+              style="width: 40px; height: 40px;"
+            >
+              ??
+            </div>
+            <div
+              class="loadingClusterName"
+            />
+          </div>
+          <div
+            class="sidebarNav sidebar-active-status"
+          >
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-workloads"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-workloads"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Workloads
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-config"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-config"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="list"
+                  >
+                    list
+                  </span>
+                </i>
+                <span>
+                  Config
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-network"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-network"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="device_hub"
+                  >
+                    device_hub
+                  </span>
+                </i>
+                <span>
+                  Network
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-storage"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-storage"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="storage"
+                  >
+                    storage
+                  </span>
+                </i>
+                <span>
+                  Storage
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="true"
+              data-testid="sidebar-item-helm"
+            >
+              <a
+                aria-current="page"
+                class="navItem active"
+                data-testid="sidebar-item-link-for-helm"
+                href="/"
+              >
+                <i
+                  class="Icon svg focusable"
+                >
+                  <span
+                    class="icon"
+                  />
+                </i>
+                <span>
+                  Helm
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-user-management"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-user-management"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="security"
+                  >
+                    security
+                  </span>
+                </i>
+                <span>
+                  Access Control
+                </span>
+              </a>
+            </div>
+            <div
+              class="SidebarItem"
+              data-is-active-test="false"
+              data-testid="sidebar-item-custom-resources"
+            >
+              <a
+                class="navItem"
+                data-testid="sidebar-item-link-for-custom-resources"
+                href="/"
+              >
+                <i
+                  class="Icon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="extension"
+                  >
+                    extension
+                  </span>
+                </i>
+                <span>
+                  Custom Resources
+                </span>
+                <i
+                  class="Icon expandIcon material focusable"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="keyboard_arrow_down"
+                  >
+                    keyboard_arrow_down
+                  </span>
+                </i>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div
+          class="ResizingAnchor horizontal trailing"
+        />
+      </div>
+      <div
+        class="contents"
+      >
+        <div
+          class="TabLayout"
+          data-testid="tab-layout"
+        >
+          <div
+            class="Tabs center scrollable"
+          >
+            <div
+              class="Tab flex gaps align-center"
+              data-is-active-test="false"
+              data-testid="tab-link-for-charts"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Charts
+              </div>
+            </div>
+            <div
+              class="Tab flex gaps align-center active"
+              data-is-active-test="true"
+              data-testid="tab-link-for-releases"
+              role="tab"
+              tabindex="0"
+            >
+              <div
+                class="label"
+              >
+                Releases
+              </div>
+            </div>
+          </div>
+          <main>
+            <div
+              class="ItemListLayout flex column HelmReleases"
+            >
+              <div
+                class="header flex gaps align-center"
+              >
+                <h5
+                  class="title"
+                >
+                  Releases
+                </h5>
+                <div
+                  class="info-panel box grow"
+                >
+                  2 items
+                </div>
+                <div
+                  class="NamespaceSelectFilterParent"
+                  data-testid="namespace-select-filter"
+                >
+                  <div
+                    class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-namespace-select-filter-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-namespace-select-filter-placeholder"
+                        >
+                          Namespaces: some-namespace, some-other-namespace
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-namespace-select-filter-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="namespace-select-filter"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="Input SearchInput focused"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Search Releases..."
+                      spellcheck="false"
+                      value=""
+                    />
+                    <i
+                      class="Icon material focusable small"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="search"
+                      >
+                        search
+                      </span>
+                    </i>
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </div>
+              <div
+                class="items box grow flex column"
+              >
+                <div
+                  class="Table flex column HelmReleases box grow dark selectable scrollable sortable autoSize virtual"
+                >
+                  <div
+                    class="TableHead sticky nowrap topLine"
+                  >
+                    <div
+                      class="TableCell checkbox"
+                    >
+                      <label
+                        class="Checkbox flex align-center"
+                      >
+                        <input
+                          type="checkbox"
+                        />
+                        <i
+                          class="box flex align-center"
+                        />
+                      </label>
+                    </div>
+                    <div
+                      class="TableCell name nowrap sorting"
+                      id="name"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Name
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell namespace nowrap sorting"
+                      id="namespace"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Namespace
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell chart nowrap sorting"
+                      id="chart"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Chart
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell revision nowrap sorting"
+                      id="revision"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Revision
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell version nowrap"
+                      id="version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell app-version nowrap"
+                      id="app-version"
+                    >
+                      <div
+                        class="content"
+                      >
+                        App Version
+                      </div>
+                    </div>
+                    <div
+                      class="TableCell status nowrap sorting"
+                      id="status"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Status
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell updated nowrap sorting"
+                      id="update"
+                    >
+                      <div
+                        class="content"
+                      >
+                        Updated
+                      </div>
+                      <i
+                        class="Icon sortIcon material focusable"
+                      >
+                        <span
+                          class="icon"
+                          data-icon-name="arrow_drop_down"
+                        >
+                          arrow_drop_down
+                        </span>
+                      </i>
+                    </div>
+                    <div
+                      class="TableCell menu nowrap"
+                    >
+                      <div
+                        class="content"
+                      >
+                        <i
+                          class="Icon material interactive focusable"
+                          id="menu-actions-for-item-object-list-content"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="more_vert"
+                          >
+                            more_vert
+                          </span>
+                        </i>
+                      </div>
+                    </div>
+                  </div>
+                  <div
+                    class="VirtualList HelmReleases box grow dark"
+                  >
+                    <div>
+                      <div
+                        class="list"
+                        style="position: relative; height: 420000px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+                      >
+                        <div
+                          style="height: 66px; width: 100%;"
+                        >
+                          <div
+                            style="position: absolute; left: 0px; top: 0px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-namespace/some-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-app-version
+                              </div>
+                              <div
+                                class="TableCell some-status status"
+                              >
+                                Some-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-namespace/some-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            style="position: absolute; left: 0px; top: 33px; height: 33px; width: 100%;"
+                          >
+                            <div
+                              class="TableRow nowrap"
+                              data-testid="helm-release-row-for-some-other-namespace/some-other-name"
+                            >
+                              <div
+                                class="TableCell checkbox"
+                              >
+                                <label
+                                  class="Checkbox flex align-center"
+                                >
+                                  <input
+                                    type="checkbox"
+                                  />
+                                  <i
+                                    class="box flex align-center"
+                                  />
+                                </label>
+                              </div>
+                              <div
+                                class="TableCell name"
+                              >
+                                some-other-name
+                              </div>
+                              <div
+                                class="TableCell namespace"
+                              >
+                                some-other-namespace
+                              </div>
+                              <div
+                                class="TableCell chart"
+                              >
+                                some-other-chart
+                              </div>
+                              <div
+                                class="TableCell revision"
+                              >
+                                NaN
+                              </div>
+                              <div
+                                class="TableCell version"
+                              >
+                                
+                              </div>
+                              <div
+                                class="TableCell app-version"
+                              >
+                                some-other-app-version
+                              </div>
+                              <div
+                                class="TableCell some-other-status status"
+                              >
+                                Some-other-status
+                              </div>
+                              <div
+                                class="TableCell updated"
+                              >
+                                NaNy
+                              </div>
+                              <div
+                                class="TableCell menu"
+                              >
+                                <div>
+                                  <i
+                                    class="Icon material interactive focusable"
+                                    id="menu-actions-for-release-menu-for-some-other-namespace/some-other-name"
+                                    tabindex="0"
+                                  >
+                                    <span
+                                      class="icon"
+                                      data-icon-name="more_vert"
+                                    >
+                                      more_vert
+                                    </span>
+                                  </i>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="AddRemoveButtons flex gaps"
+                />
+              </div>
+            </div>
+          </main>
+        </div>
+      </div>
+      <div
+        class="footer"
+      >
+        <div
+          class="Dock"
+          tabindex="-1"
+        >
+          <div
+            class="ResizingAnchor vertical leading"
+          />
+          <div
+            class="tabs-container flex align-center"
+          >
+            <div
+              class="dockTabs"
+              role="tablist"
+            >
+              <div
+                class="Tabs tabs"
+              >
+                <div
+                  class="Tab flex gaps align-center DockTab TerminalTab active"
+                  data-testid="dock-tab-for-terminal"
+                  id="tab-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <i
+                    class="Icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="terminal"
+                    >
+                      terminal
+                    </span>
+                  </i>
+                  <div
+                    class="label"
+                  >
+                    <div
+                      class="flex align-center"
+                    >
+                      <span
+                        class="title"
+                      >
+                        Terminal
+                      </span>
+                      <div
+                        class="close"
+                      >
+                        <i
+                          class="Icon material interactive focusable small"
+                          tabindex="0"
+                        >
+                          <span
+                            class="icon"
+                            data-icon-name="close"
+                          >
+                            close
+                          </span>
+                        </i>
+                        <div>
+                          Close ⌘+W
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="toolbar flex gaps align-center box grow"
+            >
+              <div
+                class="dock-menu box grow"
+              >
+                <i
+                  class="Icon new-dock-tab material interactive focusable"
+                  id="menu-actions-for-dock"
+                  tabindex="0"
+                >
+                  <span
+                    class="icon"
+                    data-icon-name="add"
+                  >
+                    add
+                  </span>
+                </i>
+                <div>
+                  New tab
+                </div>
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="fullscreen"
+                >
+                  fullscreen
+                </span>
+              </i>
+              <div>
+                Fit to window
+              </div>
+              <i
+                class="Icon material interactive focusable"
+                tabindex="0"
+              >
+                <span
+                  class="icon"
+                  data-icon-name="keyboard_arrow_up"
+                >
+                  keyboard_arrow_up
+                </span>
+              </i>
+              <div>
+                Open
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Animate slide-right Drawer ReleaseDetails dark right enter"
+    data-testid="helm-release-details-for-some-namespace/some-name"
+    style="--size: 725px; --enter-duration: 100ms; --leave-duration: 100ms;"
+  >
+    <div
+      class="drawer-wrapper flex column"
+    >
+      <div
+        class="drawer-title flex align-center"
+      >
+        <div
+          class="drawer-title-text flex gaps align-center"
+        >
+          
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          data-testid="close-helm-release-detail"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="close"
+          >
+            close
+          </span>
+        </i>
+        <div
+          data-testid="tooltip-content-for-close-helm-release-detail"
+        >
+          Close
+        </div>
+      </div>
+      <div
+        class="drawer-content flex column box grow"
+      >
+        <div
+          class="Spinner singleColor center"
+          data-testid="helm-release-detail-content-spinner"
+        />
+      </div>
+    </div>
+    <div
+      class="ResizingAnchor horizontal leading"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/helm-releases/showing-details-for-helm-release.test.ts b/src/features/helm-releases/showing-details-for-helm-release.test.ts
new file mode 100644
index 0000000000..37d9b05fc5
--- /dev/null
+++ b/src/features/helm-releases/showing-details-for-helm-release.test.ts
@@ -0,0 +1,599 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import navigateToHelmReleasesInjectable from "../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { CallForHelmReleases } from "../../renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.injectable";
+import callForHelmReleasesInjectable from "../../renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.injectable";
+import namespaceStoreInjectable from "../../renderer/components/+namespaces/store.injectable";
+import type { NamespaceStore } from "../../renderer/components/+namespaces/store";
+import type { CallForHelmReleaseConfiguration } from "../../renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.injectable";
+import callForHelmReleaseConfigurationInjectable from "../../renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.injectable";
+import type { CallForHelmReleaseUpdate } from "../../renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.injectable";
+import callForHelmReleaseUpdateInjectable from "../../renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.injectable";
+import { useFakeTime } from "../../common/test-utils/use-fake-time";
+import type { CallForHelmRelease, DetailedHelmRelease } from "../../renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release.injectable";
+import callForHelmReleaseInjectable from "../../renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release.injectable";
+import showSuccessNotificationInjectable from "../../renderer/components/notifications/show-success-notification.injectable";
+import showCheckedErrorInjectable from "../../renderer/components/notifications/show-checked-error.injectable";
+import getRandomUpgradeChartTabIdInjectable from "../../renderer/components/dock/upgrade-chart/get-random-upgrade-chart-tab-id.injectable";
+
+describe("showing details for helm release", () => {
+  let builder: ApplicationBuilder;
+  let callForHelmReleasesMock: AsyncFnMock<CallForHelmReleases>;
+  let callForHelmReleaseMock: AsyncFnMock<CallForHelmRelease>;
+  let callForHelmReleaseConfigurationMock: AsyncFnMock<CallForHelmReleaseConfiguration>;
+  let callForHelmReleaseUpdateMock: AsyncFnMock<CallForHelmReleaseUpdate>;
+  let showSuccessNotificationMock: jest.Mock;
+  let showCheckedErrorNotificationMock: jest.Mock;
+
+  beforeEach(() => {
+    useFakeTime("2015-10-21T07:28:00Z");
+
+    builder = getApplicationBuilder();
+
+    builder.setEnvironmentToClusterFrame();
+
+    callForHelmReleasesMock = asyncFn();
+    callForHelmReleaseMock = asyncFn();
+    callForHelmReleaseConfigurationMock = asyncFn();
+    callForHelmReleaseUpdateMock = asyncFn();
+
+    showSuccessNotificationMock = jest.fn();
+    showCheckedErrorNotificationMock = jest.fn();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(
+        getRandomUpgradeChartTabIdInjectable,
+        () => () => "some-tab-id",
+      );
+
+      windowDi.override(
+        showSuccessNotificationInjectable,
+        () => showSuccessNotificationMock,
+      );
+
+      windowDi.override(
+        showCheckedErrorInjectable,
+        () => showCheckedErrorNotificationMock,
+      );
+
+      windowDi.override(
+        callForHelmReleasesInjectable,
+        () => callForHelmReleasesMock,
+      );
+
+      windowDi.override(
+        callForHelmReleaseInjectable,
+        () => callForHelmReleaseMock,
+      );
+
+      windowDi.override(
+        callForHelmReleaseConfigurationInjectable,
+        () => callForHelmReleaseConfigurationMock,
+      );
+
+      windowDi.override(
+        callForHelmReleaseUpdateInjectable,
+        () => callForHelmReleaseUpdateMock,
+      );
+
+      windowDi.override(
+        namespaceStoreInjectable,
+        () =>
+          ({
+            contextNamespaces: ["some-namespace", "some-other-namespace"],
+            items: [],
+            selectNamespaces: () => {},
+          } as unknown as NamespaceStore),
+      );
+    });
+  });
+
+  describe("given application is started", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+    });
+
+    describe("when navigating to helm releases", () => {
+      beforeEach(() => {
+        const windowDi = builder.applicationWindow.only.di;
+
+        const navigateToHelmReleases = windowDi.inject(
+          navigateToHelmReleasesInjectable,
+        );
+
+        navigateToHelmReleases();
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("calls for releases for each selected namespace", () => {
+        expect(callForHelmReleasesMock.mock.calls).toEqual([
+          ["some-namespace"],
+          ["some-other-namespace"],
+        ]);
+      });
+
+      it("shows spinner", () => {
+        expect(
+          rendered.getByTestId("helm-releases-spinner"),
+        ).toBeInTheDocument();
+      });
+
+      it("when releases resolve but there is none, renders", async () => {
+        await callForHelmReleasesMock.resolve([]);
+        await callForHelmReleasesMock.resolve([]);
+
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      describe("when releases resolve", () => {
+        beforeEach(async () => {
+          await callForHelmReleasesMock.resolveSpecific(
+            ([namespace]) => namespace === "some-namespace",
+            [
+              {
+                appVersion: "some-app-version",
+                name: "some-name",
+                namespace: "some-namespace",
+                chart: "some-chart",
+                status: "some-status",
+                updated: "some-updated",
+                revision: "some-revision",
+              },
+            ],
+          );
+
+          await callForHelmReleasesMock.resolveSpecific(
+            ([namespace]) => namespace === "some-other-namespace",
+            [
+              {
+                appVersion: "some-other-app-version",
+                name: "some-other-name",
+                namespace: "some-other-namespace",
+                chart: "some-other-chart",
+                status: "some-other-status",
+                updated: "some-other-updated",
+                revision: "some-other-revision",
+              },
+            ],
+          );
+        });
+
+        it("renders", () => {
+          expect(rendered.baseElement).toMatchSnapshot();
+        });
+
+        it("does not show spinner anymore", () => {
+          expect(
+            rendered.queryByTestId("helm-releases-spinner"),
+          ).not.toBeInTheDocument();
+        });
+
+        describe("when selecting release to see details", () => {
+          beforeEach(() => {
+            const row = rendered.getByTestId(
+              "helm-release-row-for-some-namespace/some-name",
+            );
+
+            fireEvent.click(row);
+          });
+
+          it("renders", () => {
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          it("opens the details", () => {
+            expect(
+              rendered.getByTestId("helm-release-details-for-some-namespace/some-name"),
+            ).toBeInTheDocument();
+          });
+
+          it("calls for release", () => {
+            expect(callForHelmReleaseMock).toHaveBeenCalledWith(
+              "some-name",
+              "some-namespace",
+            );
+          });
+
+          it("shows spinner", () => {
+            expect(
+              rendered.getByTestId("helm-release-detail-content-spinner"),
+            ).toBeInTheDocument();
+          });
+
+          describe("when opening details for second release", () => {
+            beforeEach(() => {
+              callForHelmReleaseMock.mockClear();
+
+              const row = rendered.getByTestId(
+                "helm-release-row-for-some-other-namespace/some-other-name",
+              );
+
+              fireEvent.click(row);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("calls for another release", () => {
+              expect(callForHelmReleaseMock).toHaveBeenCalledWith(
+                "some-other-name",
+                "some-other-namespace",
+              );
+            });
+
+            it("closes details for first release", () => {
+              expect(
+                rendered.queryByTestId("helm-release-details-for-some-namespace/some-name"),
+              ).not.toBeInTheDocument();
+            });
+
+            it("opens details for second release", () => {
+              expect(
+                rendered.getByTestId("helm-release-details-for-some-other-namespace/some-other-name"),
+              ).toBeInTheDocument();
+            });
+          });
+
+          describe("when details is closed", () => {
+            beforeEach(() => {
+              const closeButton = rendered.getByTestId(
+                "close-helm-release-detail",
+              );
+
+              fireEvent.click(closeButton);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("closes the details", () => {
+              expect(
+                rendered.queryByTestId("helm-release-details-for-some-namespace/some-name"),
+              ).not.toBeInTheDocument();
+            });
+
+            describe("when opening details for same release", () => {
+              beforeEach(() => {
+                callForHelmReleaseMock.mockClear();
+
+                const row = rendered.getByTestId(
+                  "helm-release-row-for-some-namespace/some-name",
+                );
+
+                fireEvent.click(row);
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not reload", () => {
+                expect(callForHelmReleaseMock).not.toHaveBeenCalled();
+              });
+            });
+          });
+
+          it("when release resolve with no data, renders", async () => {
+            await callForHelmReleaseMock.resolve(undefined);
+
+            expect(rendered.baseElement).toMatchSnapshot();
+          });
+
+          describe("when details resolve", () => {
+            beforeEach(async () => {
+              await callForHelmReleaseMock.resolve(detailedReleaseFake);
+            });
+
+            it("renders", () => {
+              expect(rendered.baseElement).toMatchSnapshot();
+            });
+
+            it("calls for release configuration", () => {
+              expect(callForHelmReleaseConfigurationMock).toHaveBeenCalledWith(
+                "some-name",
+                "some-namespace",
+                true,
+              );
+            });
+
+            describe("when configuration resolves", () => {
+              beforeEach(async () => {
+                await callForHelmReleaseConfigurationMock.resolve(
+                  "some-configuration",
+                );
+              });
+
+              it("renders", () => {
+                expect(rendered.baseElement).toMatchSnapshot();
+              });
+
+              it("does not have tab for upgrading chart yet", () => {
+                expect(
+                  rendered.queryByTestId("dock-tab-for-some-tab-id"),
+                ).not.toBeInTheDocument();
+              });
+
+              describe("when selecting to upgrade chart", () => {
+                beforeEach(() => {
+                  const upgradeButton = rendered.getByTestId(
+                    "helm-release-upgrade-button",
+                  );
+
+                  fireEvent.click(upgradeButton);
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("opens tab for upgrading chart", () => {
+                  expect(
+                    rendered.getByTestId("dock-tab-for-some-tab-id"),
+                  ).toBeInTheDocument();
+                });
+
+                it("closes the details", () => {
+                  expect(
+                    rendered.queryByTestId("helm-release-details-for-some-namespace/some-name"),
+                  ).not.toBeInTheDocument();
+                });
+              });
+
+              describe("when changing the configuration", () => {
+                beforeEach(() => {
+                  const configuration = rendered.getByTestId(
+                    "monaco-editor-for-helm-release-configuration",
+                  );
+
+                  fireEvent.change(configuration, {
+                    target: { value: "some-new-configuration" },
+                  });
+                });
+
+                it("renders", () => {
+                  expect(rendered.baseElement).toMatchSnapshot();
+                });
+
+                it("has the configuration", () => {
+                  const input = rendered.getByTestId(
+                    "monaco-editor-for-helm-release-configuration",
+                  );
+
+                  expect(input).toHaveValue("some-new-configuration");
+                });
+
+                it("does not save changes yet", () => {
+                  expect(callForHelmReleaseUpdateMock).not.toHaveBeenCalled();
+                });
+
+                describe("when toggling to see only user defined values", () => {
+                  beforeEach(() => {
+                    callForHelmReleaseConfigurationMock.mockClear();
+
+                    const toggle = rendered.getByTestId(
+                      "user-supplied-values-only-checkbox",
+                    );
+
+                    fireEvent.click(toggle);
+                  });
+
+                  it("calls for only user defined configuration", () => {
+                    expect(callForHelmReleaseConfigurationMock).toHaveBeenCalledWith(
+                      "some-name",
+                      "some-namespace",
+                      false,
+                    );
+                  });
+
+                  describe("when configuration resolves", () => {
+                    beforeEach(async () => {
+                      await callForHelmReleaseConfigurationMock.resolve(
+                        "some-other-configuration",
+                      );
+                    });
+
+                    it("renders", () => {
+                      expect(rendered.baseElement).toMatchSnapshot();
+                    });
+
+                    it("overrides the user inputted configuration with new configuration", () => {
+                      const input = rendered.getByTestId(
+                        "monaco-editor-for-helm-release-configuration",
+                      );
+
+                      expect(input).toHaveValue("some-other-configuration");
+                    });
+
+                    it("when toggling again, calls for all configuration", () => {
+                      callForHelmReleaseConfigurationMock.mockClear();
+
+                      const toggle = rendered.getByTestId(
+                        "user-supplied-values-only-checkbox",
+                      );
+
+                      fireEvent.click(toggle);
+
+                      expect(callForHelmReleaseConfigurationMock).toHaveBeenCalledWith(
+                        "some-name",
+                        "some-namespace",
+                        true,
+                      );
+                    });
+                  });
+                });
+
+                describe("when saving", () => {
+                  beforeEach(() => {
+                    const saveButton = rendered.getByTestId(
+                      "helm-release-configuration-save-button",
+                    );
+
+                    fireEvent.click(saveButton);
+                  });
+
+                  it("renders", () => {
+                    expect(rendered.baseElement).toMatchSnapshot();
+                  });
+
+                  it("calls for update", () => {
+                    expect(callForHelmReleaseUpdateMock).toHaveBeenCalledWith(
+                      "some-name",
+                      "some-namespace",
+
+                      {
+                        chart: "some-chart",
+                        repo: "",
+                        values: "some-new-configuration",
+                        version: "",
+                      },
+                    );
+                  });
+
+                  it("shows spinner", () => {
+                    const saveButton = rendered.getByTestId(
+                      "helm-release-configuration-save-button",
+                    );
+
+                    expect(saveButton).toHaveClass("waiting");
+                  });
+
+                  describe("when update resolves with success", () => {
+                    beforeEach(async () => {
+                      callForHelmReleasesMock.mockClear();
+                      callForHelmReleaseConfigurationMock.mockClear();
+
+                      await callForHelmReleaseUpdateMock.resolve({
+                        updateWasSuccessful: true,
+                      });
+                    });
+
+                    it("renders", () => {
+                      expect(rendered.baseElement).toMatchSnapshot();
+                    });
+
+                    it("does not show spinner anymore", () => {
+                      const saveButton = rendered.getByTestId(
+                        "helm-release-configuration-save-button",
+                      );
+
+                      expect(saveButton).not.toHaveClass("waiting");
+                    });
+
+                    it("reloads the configuration", () => {
+                      expect(callForHelmReleaseConfigurationMock).toHaveBeenCalledWith(
+                        "some-name",
+                        "some-namespace",
+                        true,
+                      );
+                    });
+
+                    it("shows success notification", () => {
+                      expect(showSuccessNotificationMock).toHaveBeenCalled();
+                    });
+
+                    it("does not show error notification", () => {
+                      expect(showCheckedErrorNotificationMock).not.toHaveBeenCalled();
+                    });
+                  });
+
+                  describe("when update resolves with failure", () => {
+                    beforeEach(async () => {
+                      callForHelmReleasesMock.mockClear();
+                      callForHelmReleaseConfigurationMock.mockClear();
+
+                      await callForHelmReleaseUpdateMock.resolve({
+                        updateWasSuccessful: false,
+                        error: "some-error",
+                      });
+                    });
+
+                    it("renders", () => {
+                      expect(rendered.baseElement).toMatchSnapshot();
+                    });
+
+                    it("does not show spinner anymore", () => {
+                      const saveButton = rendered.getByTestId(
+                        "helm-release-configuration-save-button",
+                      );
+
+                      expect(saveButton).not.toHaveClass("waiting");
+                    });
+
+                    it("does not reload the configuration", () => {
+                      expect(callForHelmReleaseConfigurationMock).not.toHaveBeenCalled();
+                    });
+
+                    it("does not show success notification", () => {
+                      expect(showSuccessNotificationMock).not.toHaveBeenCalled();
+                    });
+
+                    it("shows error notification", () => {
+                      expect(showCheckedErrorNotificationMock).toHaveBeenCalled();
+                    });
+                  });
+                });
+              });
+            });
+          });
+        });
+      });
+    });
+  });
+});
+
+const detailedReleaseFake: DetailedHelmRelease = {
+  release: {
+    appVersion: "some-app-version",
+    chart: "some-chart",
+    status: "some-status",
+    updated: "some-updated",
+    revision: "some-revision",
+    name: "some-name",
+    namespace: "some-namespace",
+  },
+
+  details: {
+    name: "some-name",
+    namespace: "some-namespace",
+    version: "some-version",
+    config: "some-config",
+    manifest: "some-manifest",
+
+    info: {
+      deleted: "some-deleted",
+      description: "some-description",
+      first_deployed: "some-first-deployed",
+      last_deployed: "some-last-deployed",
+      notes: "some-notes",
+      status: "some-status",
+    },
+
+    resources: [
+      {
+        kind: "some-kind",
+        apiVersion: "some-api-version",
+        metadata: {
+          uid: "some-uid",
+          name: "some-resource",
+          namespace: "some-namespace",
+          creationTimestamp: "2015-10-22T07:28:00Z",
+        },
+      },
+    ],
+  },
+};
diff --git a/src/behaviours/navigate-to-extension-page.test.tsx b/src/features/navigate-to-extension-page.test.tsx
similarity index 59%
rename from src/behaviours/navigate-to-extension-page.test.tsx
rename to src/features/navigate-to-extension-page.test.tsx
index f78a8493d8..24f5ec729b 100644
--- a/src/behaviours/navigate-to-extension-page.test.tsx
+++ b/src/features/navigate-to-extension-page.test.tsx
@@ -2,8 +2,6 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import type { FakeExtensionData, TestExtension } from "../renderer/components/test-utils/get-renderer-extension-fake";
-import { getRendererExtensionFakeFor } from "../renderer/components/test-utils/get-renderer-extension-fake";
 import React from "react";
 import type { RenderResult } from "@testing-library/react";
 import { fireEvent } from "@testing-library/react";
@@ -12,29 +10,29 @@ import queryParametersInjectable from "../renderer/routes/query-parameters.injec
 import currentPathInjectable from "../renderer/routes/current-path.injectable";
 import type { IComputedValue } from "mobx";
 import { getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import type { FakeExtensionOptions } from "../renderer/components/test-utils/get-extension-fake";
+import type { LensRendererExtension } from "../extensions/lens-renderer-extension";
 
 describe("navigate to extension page", () => {
   let rendered: RenderResult;
-  let testExtension: TestExtension;
+  let testExtension: LensRendererExtension;
   let queryParameters: IComputedValue<object>;
   let currentPath: IComputedValue<string>;
 
   beforeEach(async () => {
-    const applicationBuilder = getApplicationBuilder();
-    const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
+    const builder = getApplicationBuilder();
 
-    testExtension = getRendererExtensionFake(
-      extensionWithPagesHavingParameters,
-    );
+    builder.extensions.enable(extensionWithPagesHavingParameters);
 
-    applicationBuilder.extensions.renderer.enable(testExtension);
+    rendered = await builder.render();
 
-    rendered = await applicationBuilder.render();
+    const windowDi = builder.applicationWindow.only.di;
 
-    const rendererDi = applicationBuilder.dis.rendererDi;
+    testExtension =
+      builder.extensions.get("some-extension-id").applicationWindows.only;
 
-    queryParameters = rendererDi.inject(queryParametersInjectable);
-    currentPath = rendererDi.inject(currentPathInjectable);
+    queryParameters = windowDi.inject(queryParametersInjectable);
+    currentPath = windowDi.inject(currentPathInjectable);
   });
 
   it("renders", () => {
@@ -125,57 +123,60 @@ describe("navigate to extension page", () => {
   });
 });
 
-const extensionWithPagesHavingParameters: FakeExtensionData = {
+const extensionWithPagesHavingParameters: FakeExtensionOptions = {
   id: "some-extension-id",
   name: "some-extension-name",
-  globalPages: [
-    {
-      components: {
-        Page: ({ params }) => (
-          <div>
-            <ul>
-              <li>{params.someStringParameter.get()}</li>
-              <li>{params.someNumberParameter.get()}</li>
-              <li>{params.someArrayParameter.get().join(",")}</li>
-            </ul>
 
-            <button
-              type="button"
-              data-testid="button-to-change-page-parameters"
-              onClick={() => {
-                params.someStringParameter.set("some-changed-string-value");
-                params.someNumberParameter.set(84);
-                params.someArrayParameter.set([
-                  "some-changed-array-value",
-                  "some-other-changed-array-value",
-                ]);
-              }}
-            >
-              Some button
-            </button>
-          </div>
-        ),
-      },
+  rendererOptions: {
+    globalPages: [
+      {
+        components: {
+          Page: ({ params }) => (
+            <div>
+              <ul>
+                <li>{params.someStringParameter.get()}</li>
+                <li>{params.someNumberParameter.get()}</li>
+                <li>{params.someArrayParameter.get().join(",")}</li>
+              </ul>
 
-      params: {
-        someStringParameter: "some-string-value",
-        someNumberParameter: {
-          defaultValue: 42,
-          stringify: (value) => value.toString(),
-          parse: (value) => (value ? Number(value) : undefined),
+              <button
+                type="button"
+                data-testid="button-to-change-page-parameters"
+                onClick={() => {
+                  params.someStringParameter.set("some-changed-string-value");
+                  params.someNumberParameter.set(84);
+                  params.someArrayParameter.set([
+                    "some-changed-array-value",
+                    "some-other-changed-array-value",
+                  ]);
+                }}
+              >
+                Some button
+              </button>
+            </div>
+          ),
         },
-        someArrayParameter: {
-          defaultValue: ["some-array-value", "some-other-array-value"],
-          stringify: (value) => value.join(","),
-          parse: (value: string[]) => (!isEmpty(value) ? value : undefined),
+
+        params: {
+          someStringParameter: "some-string-value",
+          someNumberParameter: {
+            defaultValue: 42,
+            stringify: (value) => value.toString(),
+            parse: (value) => (value ? Number(value) : undefined),
+          },
+          someArrayParameter: {
+            defaultValue: ["some-array-value", "some-other-array-value"],
+            stringify: (value) => value.join(","),
+            parse: (value: string[]) => (!isEmpty(value) ? value : undefined),
+          },
         },
       },
-    },
-    {
-      id: "some-child-page-id",
-      components: {
-        Page: () => <div>Child page</div>,
+      {
+        id: "some-child-page-id",
+        components: {
+          Page: () => <div>Child page</div>,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
diff --git a/src/behaviours/navigating-between-routes.test.tsx b/src/features/navigating-between-routes.test.tsx
similarity index 72%
rename from src/behaviours/navigating-between-routes.test.tsx
rename to src/features/navigating-between-routes.test.tsx
index 4758fb4074..cf2dda5cc1 100644
--- a/src/behaviours/navigating-between-routes.test.tsx
+++ b/src/features/navigating-between-routes.test.tsx
@@ -5,7 +5,7 @@
 import type { DiContainer } from "@ogre-tools/injectable";
 import { getInjectable } from "@ogre-tools/injectable";
 import React from "react";
-import { computed } from "mobx";
+import { computed, runInAction } from "mobx";
 import type { RenderResult } from "@testing-library/react";
 import { routeSpecificComponentInjectionToken } from "../renderer/routes/route-specific-component-injection-token";
 import { observer } from "mobx-react";
@@ -20,32 +20,36 @@ import { navigateToRouteInjectionToken } from "../common/front-end-routing/navig
 import routePathParametersInjectable from "../renderer/routes/route-path-parameters.injectable";
 
 describe("navigating between routes", () => {
-  let rendererDi: DiContainer;
   let rendered: RenderResult;
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
-    rendererDi = applicationBuilder.dis.rendererDi;
+    builder = getApplicationBuilder();
   });
 
   describe("given route without path parameters", () => {
+    let windowDi: DiContainer;
+
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.register(testRouteWithoutPathParametersInjectable);
-        rendererDi.register(testRouteWithoutPathParametersComponentInjectable);
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(testRouteWithoutPathParametersInjectable);
+          windowDi.register(testRouteWithoutPathParametersComponentInjectable);
+        });
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
+
+      windowDi = builder.applicationWindow.only.di;
     });
 
     describe("when navigating to route", () => {
       let route: Route;
 
       beforeEach(() => {
-        const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
 
-        route = rendererDi.inject(testRouteWithoutPathParametersInjectable);
+        route = windowDi.inject(testRouteWithoutPathParametersInjectable);
 
         navigateToRoute(route);
       });
@@ -55,35 +59,35 @@ describe("navigating between routes", () => {
       });
 
       it("knows current route", () => {
-        const currentRoute = rendererDi.inject(currentRouteInjectable);
+        const currentRoute = windowDi.inject(currentRouteInjectable);
 
         expect(currentRoute.get()).toBe(route);
       });
 
       it("knows current path", () => {
-        const currentPath = rendererDi.inject(currentPathInjectable);
+        const currentPath = windowDi.inject(currentPathInjectable);
 
         expect(currentPath.get()).toBe("/some-path");
       });
 
       it("does not have query parameters", () => {
-        const queryParameters = rendererDi.inject(queryParametersInjectable);
+        const queryParameters = windowDi.inject(queryParametersInjectable);
 
         expect(queryParameters.get()).toEqual({});
       });
 
       it("does not have path parameters", () => {
-        const pathParameters = rendererDi.inject(routePathParametersInjectable, route);
+        const pathParameters = windowDi.inject(routePathParametersInjectable, route);
 
         expect(pathParameters.get()).toEqual({});
       });
     });
 
     it("when navigating to route with query parameters, knows query parameters", () => {
-      const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
-      const queryParameters = rendererDi.inject(queryParametersInjectable);
+      const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
+      const queryParameters = windowDi.inject(queryParametersInjectable);
 
-      const route = rendererDi.inject(testRouteWithoutPathParametersInjectable);
+      const route = windowDi.inject(testRouteWithoutPathParametersInjectable);
 
       navigateToRoute(route, {
         query: {
@@ -100,23 +104,28 @@ describe("navigating between routes", () => {
   });
 
   describe("given route with optional path parameters", () => {
+    let windowDi: DiContainer;
+
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.register(routeWithOptionalPathParametersInjectable);
-        rendererDi.register(routeWithOptionalPathParametersComponentInjectable);
+      builder.beforeWindowStart((windowDi) => {
+        runInAction(() => {
+          windowDi.register(routeWithOptionalPathParametersInjectable);
+          windowDi.register(routeWithOptionalPathParametersComponentInjectable);
+        });
       });
 
+      rendered = await builder.render();
 
-      rendered = await applicationBuilder.render();
+      windowDi = builder.applicationWindow.only.di;
     });
 
     describe("when navigating to route with path parameters", () => {
       let route: Route<any>;
 
       beforeEach(() => {
-        route = rendererDi.inject(routeWithOptionalPathParametersInjectable);
+        route = windowDi.inject(routeWithOptionalPathParametersInjectable);
 
-        const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
 
         navigateToRoute(route, {
           parameters: {
@@ -131,13 +140,13 @@ describe("navigating between routes", () => {
       });
 
       it("knows current route", () => {
-        const currentRoute = rendererDi.inject(currentRouteInjectable);
+        const currentRoute = windowDi.inject(currentRouteInjectable);
 
         expect(currentRoute.get()).toBe(route);
       });
 
       it("knows current path", () => {
-        const currentPath = rendererDi.inject(currentPathInjectable);
+        const currentPath = windowDi.inject(currentPathInjectable);
 
         expect(currentPath.get()).toBe(
           "/some-path/some-value/some-other-value",
@@ -145,7 +154,7 @@ describe("navigating between routes", () => {
       });
 
       it("knows path parameters", () => {
-        const pathParameters = rendererDi.inject(routePathParametersInjectable, route);
+        const pathParameters = windowDi.inject(routePathParametersInjectable, route);
 
         expect(pathParameters.get()).toEqual({
           someParameter: "some-value",
@@ -158,27 +167,27 @@ describe("navigating between routes", () => {
       let route: Route<any>;
 
       beforeEach(() => {
-        route = rendererDi.inject(routeWithOptionalPathParametersInjectable);
+        route = windowDi.inject(routeWithOptionalPathParametersInjectable);
 
-        const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
 
         navigateToRoute(route);
       });
 
       it("knows current route", () => {
-        const currentRoute = rendererDi.inject(currentRouteInjectable);
+        const currentRoute = windowDi.inject(currentRouteInjectable);
 
         expect(currentRoute.get()).toBe(route);
       });
 
       it("knows current path", () => {
-        const currentPath = rendererDi.inject(currentPathInjectable);
+        const currentPath = windowDi.inject(currentPathInjectable);
 
         expect(currentPath.get()).toBe("/some-path");
       });
 
       it("knows path parameters", () => {
-        const pathParameters = rendererDi.inject(routePathParametersInjectable, route);
+        const pathParameters = windowDi.inject(routePathParametersInjectable, route);
 
         expect(pathParameters.get()).toEqual({
           someParameter: undefined,
diff --git a/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
new file mode 100644
index 0000000000..a6619bfd26
--- /dev/null
+++ b/src/features/preferences/__snapshots__/closing-preferences.test.tsx.snap
@@ -0,0 +1,2557 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - closing-preferences given accessing preferences directly renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-some-test-preference-navigation-item-id"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Some preference navigation item
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given accessing preferences directly when navigating to a tab in preferences renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-some-test-preference-navigation-item-id"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Some preference navigation item
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            Some test page
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given accessing preferences directly when navigating to a tab in preferences when preferences are closed renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Some front page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given accessing preferences directly when preferences are closed renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div>
+        Some front page
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given already in a page and then navigated to preferences renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-some-test-preference-navigation-item-id"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Some preference navigation item
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given already in a page and then navigated to preferences when navigating to a tab in preferences renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-some-test-preference-navigation-item-id"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Some preference navigation item
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            Some test page
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given already in a page and then navigated to preferences when navigating to a tab in preferences when preferences are closed renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-some-test-preference-navigation-item-id"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Some preference navigation item
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            Some test page
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - closing-preferences given already in a page and then navigated to preferences when preferences are closed renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-some-test-preference-navigation-item-id"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Some preference navigation item
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            Some test page
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
new file mode 100644
index 0000000000..e5713ce61b
--- /dev/null
+++ b/src/features/preferences/__snapshots__/extension-adding-preference-tabs.test.tsx.snap
@@ -0,0 +1,665 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences: extension adding preference tabs given in preferences, when extension with preference tabs is enabled renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="application-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-extension-some-extension-nav-item-some-other-preference-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Some other title
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-extension-some-extension-nav-item-some-preference-tab-id"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Some title
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="application"
+              >
+                <h2
+                  data-testid="application-header"
+                >
+                  Application
+                </h2>
+                <section
+                  id="appearance"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Theme
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-theme-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-theme-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="theme-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="extensionRegistryUrl"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Extension Install Registry
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-extension-install-registry-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-extension-install-registry-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-extension-install-registry-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="extension-install-registry-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <p
+                    class="mt-4 mb-5 leading-relaxed"
+                  >
+                    This setting is to change the registry URL for installing extensions by name. 
+                    If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                    <b>
+                      .npmrc
+                    </b>
+                     file or in the input below.
+                  </p>
+                  <div
+                    class="Input theme round black disabled invalid"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        disabled=""
+                        placeholder="Custom Extension Registry URL..."
+                        spellcheck="false"
+                        value="some-custom-url"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="other"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Start-up
+                     
+                  </div>
+                  <label
+                    class="Switch"
+                    data-testid="switch"
+                  >
+                    Automatically start Lens on login
+                    <input
+                      role="switch"
+                      type="checkbox"
+                    />
+                  </label>
+                </section>
+                <hr />
+                <section
+                  id="update-channel"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Update Channel
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-update-channel-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="update-channel-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="locale"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Locale Timezone
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-timezone-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-timezone-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-timezone-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="timezone-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
new file mode 100644
index 0000000000..d30c193738
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-application-preferences.test.ts.snap
@@ -0,0 +1,953 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to application preferences given in some child page of preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="proxy-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="proxy"
+            >
+              <section>
+                <h2
+                  data-testid="proxy-header"
+                >
+                  Proxy
+                </h2>
+                <div
+                  class="SubTitle"
+                >
+                  HTTP Proxy
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)"
+                      spellcheck="false"
+                      value=""
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+                <small
+                  class="hint"
+                >
+                  Proxy is used only for non-cluster communication.
+                </small>
+              </section>
+              <hr
+                class="small"
+              />
+              <section
+                class="small"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Certificate Trust
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Allow untrusted Certificate Authorities
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+                <small
+                  class="hint"
+                >
+                  This will make Lens to trust ANY certificate authority without any validations.
+                   
+                  Needed with some corporate proxies that do certificate re-writing.
+                   
+                  Does not affect cluster communications!
+                </small>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to application preferences given in some child page of preferences, when rendered when navigating to application preferences using navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
new file mode 100644
index 0000000000..a5f0f25565
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-editor-preferences.test.ts.snap
@@ -0,0 +1,1161 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to editor preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to editor preferences given in preferences, when rendered when navigating to editor preferences using navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="editor-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="editor"
+            >
+              <h2
+                data-testid="editor-configuration-header"
+              >
+                Editor configuration
+              </h2>
+              <div
+                class="SubTitle"
+              >
+                Minimap
+                 
+              </div>
+              <section>
+                <div
+                  class="flex gaps justify-space-between"
+                >
+                  <div
+                    class="flex gaps align-center"
+                  >
+                    <label
+                      class="Switch"
+                      data-testid="switch"
+                    >
+                      Show minimap
+                      <input
+                        role="switch"
+                        type="checkbox"
+                      />
+                    </label>
+                  </div>
+                  <div
+                    class="flex gaps align-center"
+                  >
+                    <div
+                      class="SubHeader compact"
+                    >
+                      Position
+                    </div>
+                    <div
+                      class="Select theme-lens css-b62m3t-container"
+                    >
+                      <span
+                        class="css-1f43avz-a11yText-A11yText"
+                        id="react-select-minimap-input-live-region"
+                      />
+                      <span
+                        aria-atomic="false"
+                        aria-live="polite"
+                        aria-relevant="additions text"
+                        class="css-1f43avz-a11yText-A11yText"
+                      />
+                      <div
+                        class="Select__control css-1s2u09g-control"
+                      >
+                        <div
+                          class="Select__value-container css-319lph-ValueContainer"
+                        >
+                          <div
+                            class="Select__placeholder css-14el2xx-placeholder"
+                            id="react-select-minimap-input-placeholder"
+                          >
+                            Select...
+                          </div>
+                          <div
+                            class="Select__input-container css-6j8wv5-Input"
+                            data-value=""
+                          >
+                            <input
+                              aria-autocomplete="list"
+                              aria-describedby="react-select-minimap-input-placeholder"
+                              aria-expanded="false"
+                              aria-haspopup="true"
+                              autocapitalize="none"
+                              autocomplete="off"
+                              autocorrect="off"
+                              class="Select__input"
+                              id="minimap-input"
+                              role="combobox"
+                              spellcheck="false"
+                              style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                              tabindex="0"
+                              type="text"
+                              value=""
+                            />
+                          </div>
+                        </div>
+                        <div
+                          class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                        >
+                          <span
+                            class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                          />
+                          <div
+                            aria-hidden="true"
+                            class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                          >
+                            <svg
+                              aria-hidden="true"
+                              class="css-tj5bde-Svg"
+                              focusable="false"
+                              height="20"
+                              viewBox="0 0 20 20"
+                              width="20"
+                            >
+                              <path
+                                d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                              />
+                            </svg>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Line numbers
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-editor-line-numbers-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-editor-line-numbers-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-editor-line-numbers-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="editor-line-numbers-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Tab size
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      min="1"
+                      spellcheck="false"
+                      type="number"
+                      value="42"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Font size
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      min="10"
+                      spellcheck="false"
+                      type="number"
+                      value="42"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Font family
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      spellcheck="false"
+                      type="text"
+                      value=""
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
new file mode 100644
index 0000000000..e0357f140f
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-extension-specific-preferences.test.tsx.snap
@@ -0,0 +1,3684 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extension with registered tab shows extension tab in general area 1`] = `
+<div
+  class="Tab flex gaps align-center"
+  data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
+  role="tab"
+  tabindex="0"
+>
+  <div
+    class="label"
+  >
+    Metrics tab
+  </div>
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extension with registered tab when navigating to specific extension tab renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                Metrics tab
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-metrics-preference-item-id"
+                id="metrics-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  License item
+                   
+                </div>
+                <div
+                  data-testid="metrics-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="metrics-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extensions with tabs having same id when navigating to first extension tab renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                Metrics tab
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-metrics-preference-item-id"
+                id="metrics-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  License item
+                   
+                </div>
+                <div
+                  data-testid="metrics-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="metrics-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given extensions with tabs having same id when navigating to second extension tab renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-registered-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                Metrics tab
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-another-metrics-preference-item-id"
+                id="another-metrics-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Another metrics
+                   
+                </div>
+                <div
+                  data-testid="another-metrics-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="another-metrics-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered given multiple extensions with specific preferences, when navigating to extension specific preferences page renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                data-testid="extension-settings"
+              >
+                <hr />
+                <div
+                  class="header flex items-center"
+                >
+                  <i
+                    class="Icon mr-3 material focusable smallest"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="extension"
+                    >
+                      extension
+                    </span>
+                  </i>
+                   
+                  Extensions
+                </div>
+                <div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-testid="tab-link-for-extension-some-test-extension-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-test-extension-id
+                    </div>
+                  </div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-testid="tab-link-for-extension-some-other-test-extension-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-other-test-extension-id
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                some-test-extension-id preferences
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-some-preference-item-id"
+                id="some-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Some preference item
+                   
+                </div>
+                <div
+                  data-testid="some-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="some-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered when extension with specific preferences is enabled renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                data-testid="extension-settings"
+              >
+                <hr />
+                <div
+                  class="header flex items-center"
+                >
+                  <i
+                    class="Icon mr-3 material focusable smallest"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="extension"
+                    >
+                      extension
+                    </span>
+                  </i>
+                   
+                  Extensions
+                </div>
+                <div>
+                  <div
+                    class="Tab flex gaps align-center"
+                    data-testid="tab-link-for-extension-some-test-extension-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-test-extension-id
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered when extension with specific preferences is enabled when navigating to extension preferences using navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                data-testid="extension-settings"
+              >
+                <hr />
+                <div
+                  class="header flex items-center"
+                >
+                  <i
+                    class="Icon mr-3 material focusable smallest"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="extension"
+                    >
+                      extension
+                    </span>
+                  </i>
+                   
+                  Extensions
+                </div>
+                <div>
+                  <div
+                    class="Tab flex gaps align-center active"
+                    data-testid="tab-link-for-extension-some-test-extension-id"
+                    role="tab"
+                    tabindex="0"
+                  >
+                    <div
+                      class="label"
+                    >
+                      some-test-extension-id
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                some-test-extension-id preferences
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-some-preference-item-id"
+                id="some-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Some preference item
+                   
+                </div>
+                <div
+                  data-testid="some-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="some-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences given in preferences, when rendered when extension with specific preferences is enabled when navigating to extension preferences using navigation when extension is disabled renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="extension-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="extensions"
+              >
+                <h2
+                  data-testid="extension-preferences-page-title"
+                >
+                  Extension preferences
+                </h2>
+                <div
+                  class="flex items-center"
+                  data-testid="error-for-extension-not-being-present"
+                >
+                  No extension found
+                </div>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`preferences - navigation to extension specific preferences when navigating to extension specific tab renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                Metrics tab
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-another-metrics-preference-item-id"
+                id="another-metrics-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Another metrics
+                   
+                </div>
+                <div
+                  data-testid="another-metrics-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="another-metrics-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to extension specific preferences when navigating to someone else extension specific tab renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="extension-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-extension-duplicated-tab-page-id-nav-item-metrics-extension-tab"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Metrics tab
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="extensions"
+            >
+              <h2
+                data-testid="extension-preferences-page-title"
+              >
+                extension-using-someone-else-tab-id preferences
+              </h2>
+              <section
+                class="small"
+                data-testid="extension-preference-item-for-my-preferences-item-id"
+                id="my-preferences-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  My preferences
+                   
+                </div>
+                <div
+                  data-testid="my-preferences-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="my-preferences-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
new file mode 100644
index 0000000000..f450498468
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-kubernetes-preferences.test.ts.snap
@@ -0,0 +1,1191 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to kubernetes preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to kubernetes preferences given in preferences, when rendered when navigating to kubernetes preferences using navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="kubernetes-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="kubernetes"
+            >
+              <section
+                id="kubectl"
+              >
+                <h2
+                  data-testid="kubernetes-header"
+                >
+                  Kubernetes
+                </h2>
+                <section>
+                  <div
+                    class="SubTitle"
+                  >
+                    Kubectl binary download
+                     
+                  </div>
+                  <label
+                    class="Switch"
+                    data-testid="switch"
+                  >
+                    Download kubectl binaries matching the Kubernetes cluster version
+                    <input
+                      role="switch"
+                      type="checkbox"
+                    />
+                  </label>
+                </section>
+                <section>
+                  <div
+                    class="SubTitle"
+                  >
+                    Download mirror
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens Select--is-disabled css-3iigni-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-download-mirror-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control Select__control--is-disabled css-1insrsq-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-download-mirror-input-placeholder"
+                        >
+                          Download mirror for kubectl
+                        </div>
+                        <div
+                          class="Select__input-container css-jzldcf-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-download-mirror-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            disabled=""
+                            id="download-mirror-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-109onse-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <section>
+                  <div
+                    class="SubTitle"
+                  >
+                    Directory for binaries
+                     
+                  </div>
+                  <div
+                    class="Input theme round black disabled"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        disabled=""
+                        placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries"
+                        spellcheck="false"
+                        value=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                  <div
+                    class="hint"
+                  >
+                    The directory to download binaries into.
+                  </div>
+                </section>
+                <section>
+                  <div
+                    class="SubTitle"
+                  >
+                    Path to kubectl binary
+                     
+                  </div>
+                  <div
+                    class="Input theme round black"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        placeholder="/some-absolute-root-directory/some-electron-app-path-for-user-data/binaries/kubectl"
+                        spellcheck="false"
+                        value=""
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+              </section>
+              <hr />
+              <section
+                id="kube-sync"
+              >
+                <h2
+                  data-testid="kubernetes-sync-header"
+                >
+                  Kubeconfig Syncs
+                </h2>
+                <div
+                  class="self-start mb-5"
+                >
+                  <button
+                    class="Button PathPicker primary"
+                    type="button"
+                  >
+                    Sync Files and Folders
+                  </button>
+                </div>
+                <div
+                  class="SubTitle pt-5"
+                >
+                  Synced Items
+                   
+                </div>
+                <div
+                  class="notice mt-3"
+                >
+                  <div
+                    class="flex-grow text-center"
+                  >
+                    No files and folders have been synced yet
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="helm"
+              >
+                <h2>
+                  Helm Charts
+                </h2>
+                <div>
+                  <div
+                    data-testid="helm-controls"
+                  >
+                    <div
+                      class="flex gaps"
+                    >
+                      <div
+                        class="Select theme-lens box grow css-b62m3t-container"
+                      >
+                        <span
+                          class="css-1f43avz-a11yText-A11yText"
+                          id="react-select-selection-of-active-public-helm-repository-live-region"
+                        />
+                        <span
+                          aria-atomic="false"
+                          aria-live="polite"
+                          aria-relevant="additions text"
+                          class="css-1f43avz-a11yText-A11yText"
+                        />
+                        <div
+                          class="Select__control css-1s2u09g-control"
+                        >
+                          <div
+                            class="Select__value-container css-319lph-ValueContainer"
+                          >
+                            <div
+                              class="Select__placeholder css-14el2xx-placeholder"
+                              id="react-select-selection-of-active-public-helm-repository-placeholder"
+                            >
+                              Repositories
+                            </div>
+                            <div
+                              class="Select__input-container css-6j8wv5-Input"
+                              data-value=""
+                            >
+                              <input
+                                aria-autocomplete="list"
+                                aria-describedby="react-select-selection-of-active-public-helm-repository-placeholder"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                autocapitalize="none"
+                                autocomplete="off"
+                                autocorrect="off"
+                                class="Select__input"
+                                id="selection-of-active-public-helm-repository"
+                                role="combobox"
+                                spellcheck="false"
+                                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                                tabindex="0"
+                                type="text"
+                                value=""
+                              />
+                            </div>
+                          </div>
+                          <div
+                            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                          >
+                            <span
+                              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                            />
+                            <div
+                              aria-hidden="true"
+                              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="css-tj5bde-Svg"
+                                focusable="false"
+                                height="20"
+                                viewBox="0 0 20 20"
+                                width="20"
+                              >
+                                <path
+                                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                                />
+                              </svg>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <button
+                        class="Button primary"
+                        data-testid="add-custom-helm-repo-button"
+                        type="button"
+                      >
+                        Add Custom Helm Repo
+                      </button>
+                    </div>
+                    <div
+                      class="repos"
+                    />
+                    <div />
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
new file mode 100644
index 0000000000..51502f3bd3
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-proxy-preferences.test.ts.snap
@@ -0,0 +1,953 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to proxy preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to proxy preferences given in preferences, when rendered when navigating to proxy preferences using navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="proxy-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="proxy"
+            >
+              <section>
+                <h2
+                  data-testid="proxy-header"
+                >
+                  Proxy
+                </h2>
+                <div
+                  class="SubTitle"
+                >
+                  HTTP Proxy
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="Type HTTP proxy url (example: http://proxy.acme.org:8080)"
+                      spellcheck="false"
+                      value=""
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+                <small
+                  class="hint"
+                >
+                  Proxy is used only for non-cluster communication.
+                </small>
+              </section>
+              <hr
+                class="small"
+              />
+              <section
+                class="small"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Certificate Trust
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Allow untrusted Certificate Authorities
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+                <small
+                  class="hint"
+                >
+                  This will make Lens to trust ANY certificate authority without any validations.
+                   
+                  Needed with some corporate proxies that do certificate re-writing.
+                   
+                  Does not affect cluster communications!
+                </small>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
new file mode 100644
index 0000000000..d0bfd5cbd0
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-telemetry-preferences.test.tsx.snap
@@ -0,0 +1,2128 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to telemetry preferences given URL for Sentry DNS, when navigating to preferences when navigating to telemetry preferences renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="telemetry-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-telemetry"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Telemetry
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="telemetry"
+            >
+              <h2
+                data-testid="telemetry-header"
+              >
+                Telemetry
+              </h2>
+              <section
+                class="small"
+                data-testid="telemetry-preferences-for-automatic-error-reporting"
+                id="sentry"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Automatic Error Reporting
+                   
+                </div>
+                <label
+                  class="Checkbox flex align-center"
+                >
+                  <input
+                    type="checkbox"
+                  />
+                  <i
+                    class="box flex align-center"
+                  />
+                  <span
+                    class="label"
+                  >
+                    Allow automatic error reporting
+                  </span>
+                </label>
+                <div
+                  class="hint"
+                >
+                  <span>
+                    Automatic error reports provide vital information about issues and application crashes. It is highly recommended to keep this feature enabled to ensure fast turnaround for issues you might encounter.
+                  </span>
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to telemetry preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to telemetry preferences given in preferences, when rendered when extension with telemetry preference items gets enabled renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-telemetry"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Telemetry
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to telemetry preferences given in preferences, when rendered when extension with telemetry preference items gets enabled when clicking link to telemetry preferences from navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="telemetry-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-telemetry"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Telemetry
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="telemetry"
+            >
+              <h2
+                data-testid="telemetry-header"
+              >
+                Telemetry
+              </h2>
+              <section
+                class="small"
+                data-testid="telemetry-preference-item-for-some-telemetry-preference-item-id"
+                id="some-telemetry-preference-item-id"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Some telemetry-preference item
+                   
+                </div>
+                <div
+                  data-testid="some-preference-item-input"
+                />
+                <div
+                  class="hint"
+                >
+                  <div
+                    data-testid="some-preference-item-hint"
+                  />
+                </div>
+              </section>
+              <hr
+                class="small"
+              />
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to telemetry preferences given no URL for Sentry DNS, when navigating to telemetry preferences renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="telemetry-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="telemetry"
+            >
+              <h2
+                data-testid="telemetry-header"
+              >
+                Telemetry
+              </h2>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
new file mode 100644
index 0000000000..5286eeb983
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-to-terminal-preferences.test.ts.snap
@@ -0,0 +1,1128 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation to terminal preferences given in preferences, when rendered renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation to terminal preferences given in preferences, when rendered when navigating to terminal preferences using navigation renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="terminal-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section>
+              <h2>
+                Terminal
+              </h2>
+              <section
+                id="shell"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Terminal Shell Path
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      placeholder="some-default-shell"
+                      spellcheck="false"
+                      value=""
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <section
+                id="terminalSelection"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Terminal copy & paste
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Copy on select and paste on right-click
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <section
+                id="terminalTheme"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Terminal theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-terminal-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-terminal-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-terminal-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="terminal-theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Font size
+                   
+                </div>
+                <div
+                  class="Input theme round black"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      max="50"
+                      min="10"
+                      spellcheck="false"
+                      type="number"
+                      value="42"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <section>
+                <div
+                  class="SubTitle"
+                >
+                  Font family
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-2-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-2-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-2-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="react-select-2-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
new file mode 100644
index 0000000000..ddde0b5255
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -0,0 +1,839 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`preferences - navigation using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`preferences - navigation using application menu when navigating to preferences using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="SettingLayout showNavigation Preferences"
+        data-testid="application-preferences-page"
+      >
+        <nav
+          class="sidebarRegion"
+        >
+          <div
+            class="sidebar"
+          >
+            <div
+              class="Tabs flex column"
+            >
+              <div
+                class="header"
+              >
+                Preferences
+              </div>
+              <div
+                class="Tab flex gaps align-center active"
+                data-testid="tab-link-for-application"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  App
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-proxy"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Proxy
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-kubernetes"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Kubernetes
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-editor"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Editor
+                </div>
+              </div>
+              <div
+                class="Tab flex gaps align-center"
+                data-testid="tab-link-for-terminal"
+                role="tab"
+                tabindex="0"
+              >
+                <div
+                  class="label"
+                >
+                  Terminal
+                </div>
+              </div>
+            </div>
+          </div>
+        </nav>
+        <div
+          class="contentRegion"
+          id="ScrollSpyRoot"
+        >
+          <div
+            class="content"
+          >
+            <section
+              id="application"
+            >
+              <h2
+                data-testid="application-header"
+              >
+                Application
+              </h2>
+              <section
+                id="appearance"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Theme
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-theme-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-theme-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-theme-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="theme-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="extensionRegistryUrl"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Extension Install Registry
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-extension-install-registry-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-extension-install-registry-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-extension-install-registry-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="extension-install-registry-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <p
+                  class="mt-4 mb-5 leading-relaxed"
+                >
+                  This setting is to change the registry URL for installing extensions by name. 
+                  If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                  <b>
+                    .npmrc
+                  </b>
+                   file or in the input below.
+                </p>
+                <div
+                  class="Input theme round black disabled invalid"
+                >
+                  <label
+                    class="input-area flex gaps align-center"
+                    id=""
+                  >
+                    <input
+                      class="input box grow"
+                      disabled=""
+                      placeholder="Custom Extension Registry URL..."
+                      spellcheck="false"
+                      value="some-custom-url"
+                    />
+                  </label>
+                  <div
+                    class="input-info flex gaps"
+                  />
+                </div>
+              </section>
+              <hr />
+              <section
+                id="other"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Start-up
+                   
+                </div>
+                <label
+                  class="Switch"
+                  data-testid="switch"
+                >
+                  Automatically start Lens on login
+                  <input
+                    role="switch"
+                    type="checkbox"
+                  />
+                </label>
+              </section>
+              <hr />
+              <section
+                id="update-channel"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Update Channel
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-update-channel-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__single-value css-qc6sy-singleValue"
+                      >
+                        Stable
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="update-channel-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+              <hr />
+              <section
+                id="locale"
+              >
+                <div
+                  class="SubTitle"
+                >
+                  Locale Timezone
+                   
+                </div>
+                <div
+                  class="Select theme-lens css-b62m3t-container"
+                >
+                  <span
+                    class="css-1f43avz-a11yText-A11yText"
+                    id="react-select-timezone-input-live-region"
+                  />
+                  <span
+                    aria-atomic="false"
+                    aria-live="polite"
+                    aria-relevant="additions text"
+                    class="css-1f43avz-a11yText-A11yText"
+                  />
+                  <div
+                    class="Select__control css-1s2u09g-control"
+                  >
+                    <div
+                      class="Select__value-container css-319lph-ValueContainer"
+                    >
+                      <div
+                        class="Select__placeholder css-14el2xx-placeholder"
+                        id="react-select-timezone-input-placeholder"
+                      >
+                        Select...
+                      </div>
+                      <div
+                        class="Select__input-container css-6j8wv5-Input"
+                        data-value=""
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-describedby="react-select-timezone-input-placeholder"
+                          aria-expanded="false"
+                          aria-haspopup="true"
+                          autocapitalize="none"
+                          autocomplete="off"
+                          autocorrect="off"
+                          class="Select__input"
+                          id="timezone-input"
+                          role="combobox"
+                          spellcheck="false"
+                          style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                          tabindex="0"
+                          type="text"
+                          value=""
+                        />
+                      </div>
+                    </div>
+                    <div
+                      class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                    >
+                      <span
+                        class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                      />
+                      <div
+                        aria-hidden="true"
+                        class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="css-tj5bde-Svg"
+                          focusable="false"
+                          height="20"
+                          viewBox="0 0 20 20"
+                          width="20"
+                        >
+                          <path
+                            d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                          />
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </section>
+            </section>
+          </div>
+          <div
+            class="toolsRegion"
+          >
+            <div
+              class="fixed top-[60px]"
+            >
+              <div
+                data-testid="close-preferences"
+              >
+                <div
+                  aria-label="Close"
+                  class="closeButton"
+                  role="button"
+                >
+                  <i
+                    class="Icon icon material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="close"
+                    >
+                      close
+                    </span>
+                  </i>
+                </div>
+                <div
+                  aria-hidden="true"
+                  class="esc"
+                >
+                  ESC
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
new file mode 100644
index 0000000000..5f4148f251
--- /dev/null
+++ b/src/features/preferences/__snapshots__/navigation-using-tray.test.ts.snap
@@ -0,0 +1,843 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`show-about-using-tray renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`show-about-using-tray when navigating using tray renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="application-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="application"
+              >
+                <h2
+                  data-testid="application-header"
+                >
+                  Application
+                </h2>
+                <section
+                  id="appearance"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Theme
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-theme-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-theme-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="theme-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="extensionRegistryUrl"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Extension Install Registry
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-extension-install-registry-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-extension-install-registry-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-extension-install-registry-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="extension-install-registry-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <p
+                    class="mt-4 mb-5 leading-relaxed"
+                  >
+                    This setting is to change the registry URL for installing extensions by name. 
+                    If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                    <b>
+                      .npmrc
+                    </b>
+                     file or in the input below.
+                  </p>
+                  <div
+                    class="Input theme round black disabled invalid"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        disabled=""
+                        placeholder="Custom Extension Registry URL..."
+                        spellcheck="false"
+                        value="some-custom-url"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="other"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Start-up
+                     
+                  </div>
+                  <label
+                    class="Switch"
+                    data-testid="switch"
+                  >
+                    Automatically start Lens on login
+                    <input
+                      role="switch"
+                      type="checkbox"
+                    />
+                  </label>
+                </section>
+                <hr />
+                <section
+                  id="update-channel"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Update Channel
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-update-channel-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="update-channel-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="locale"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Locale Timezone
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-timezone-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-timezone-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-timezone-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="timezone-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/behaviours/preferences/closing-preferences.test.tsx b/src/features/preferences/closing-preferences.test.tsx
similarity index 79%
rename from src/behaviours/preferences/closing-preferences.test.tsx
rename to src/features/preferences/closing-preferences.test.tsx
index dddd7e18dc..5363e6e76f 100644
--- a/src/behaviours/preferences/closing-preferences.test.tsx
+++ b/src/features/preferences/closing-preferences.test.tsx
@@ -9,7 +9,7 @@ import type { ApplicationBuilder } from "../../renderer/components/test-utils/ge
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import currentPathInjectable from "../../renderer/routes/current-path.injectable";
 import { frontEndRouteInjectionToken } from "../../common/front-end-routing/front-end-route-injection-token";
-import { computed } from "mobx";
+import { computed, runInAction } from "mobx";
 import { preferenceNavigationItemInjectionToken } from "../../renderer/components/+preferences/preferences-navigation/preference-navigation-items.injectable";
 import routeIsActiveInjectable from "../../renderer/routes/route-is-active.injectable";
 import { Preferences } from "../../renderer/components/+preferences";
@@ -24,19 +24,21 @@ import navigateToFrontPageInjectable from "../../common/front-end-routing/naviga
 import { navigateToRouteInjectionToken } from "../../common/front-end-routing/navigate-to-route-injection-token";
 
 describe("preferences - closing-preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-      rendererDi.register(testPreferencesRouteInjectable);
-      rendererDi.register(testPreferencesRouteComponentInjectable);
-      rendererDi.register(testFrontPageRouteInjectable);
-      rendererDi.register(testFrontPageRouteComponentInjectable);
-      rendererDi.register(testNavigationItemInjectable);
+    builder.beforeWindowStart((windowDi) => {
+      runInAction(() => {
+        windowDi.register(testPreferencesRouteInjectable);
+        windowDi.register(testPreferencesRouteComponentInjectable);
+        windowDi.register(testFrontPageRouteInjectable);
+        windowDi.register(testFrontPageRouteComponentInjectable);
+        windowDi.register(testNavigationItemInjectable);
+      });
 
-      rendererDi.override(navigateToFrontPageInjectable, (di) => {
+      windowDi.override(navigateToFrontPageInjectable, (di) => {
         const navigateToRoute = di.inject(navigateToRouteInjectionToken);
         const testFrontPage = di.inject(testFrontPageRouteInjectable);
 
@@ -49,11 +51,11 @@ describe("preferences - closing-preferences", () => {
 
   describe("given already in a page and then navigated to preferences", () => {
     let rendered: RenderResult;
-    let rendererDi: DiContainer;
+    let windowDi: DiContainer;
 
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.override(observableHistoryInjectable, () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(observableHistoryInjectable, () => {
           const historyFake = createMemoryHistory({
             initialEntries: ["/some-test-path"],
             initialIndex: 0,
@@ -65,10 +67,10 @@ describe("preferences - closing-preferences", () => {
         });
       });
 
-      rendered = await applicationBuilder.render();
-      rendererDi = applicationBuilder.dis.rendererDi;
+      rendered = await builder.render();
+      windowDi = builder.applicationWindow.only.di;
 
-      applicationBuilder.preferences.navigate();
+      builder.preferences.navigate();
     });
 
     it("renders", () => {
@@ -77,7 +79,7 @@ describe("preferences - closing-preferences", () => {
 
     describe("when preferences are closed", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.close();
+        builder.preferences.close();
       });
 
       it("renders", () => {
@@ -85,7 +87,7 @@ describe("preferences - closing-preferences", () => {
       });
 
       it("navigates back to the original page", () => {
-        const currentPath = rendererDi.inject(currentPathInjectable).get();
+        const currentPath = windowDi.inject(currentPathInjectable).get();
 
         expect(currentPath).toBe("/some-test-path");
       });
@@ -93,7 +95,7 @@ describe("preferences - closing-preferences", () => {
 
     describe("when navigating to a tab in preferences", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.navigation.click(
+        builder.preferences.navigation.click(
           "some-test-preference-navigation-item-id",
         );
       });
@@ -104,7 +106,7 @@ describe("preferences - closing-preferences", () => {
 
       describe("when preferences are closed", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.close();
+          builder.preferences.close();
         });
 
         it("renders", () => {
@@ -112,7 +114,7 @@ describe("preferences - closing-preferences", () => {
         });
 
         it("navigates back to the original page", () => {
-          const currentPath = rendererDi.inject(currentPathInjectable).get();
+          const currentPath = windowDi.inject(currentPathInjectable).get();
 
           expect(currentPath).toBe("/some-test-path");
         });
@@ -122,11 +124,11 @@ describe("preferences - closing-preferences", () => {
 
   describe("given accessing preferences directly", () => {
     let rendered: RenderResult;
-    let rendererDi: DiContainer;
+    let windowDi: DiContainer;
 
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.override(observableHistoryInjectable, () => {
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(observableHistoryInjectable, () => {
           const historyFake = createMemoryHistory({
             initialEntries: ["/preferences/app"],
             initialIndex: 0,
@@ -138,9 +140,9 @@ describe("preferences - closing-preferences", () => {
         });
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
 
-      rendererDi = applicationBuilder.dis.rendererDi;
+      windowDi = builder.applicationWindow.only.di;
     });
 
     it("renders", () => {
@@ -149,7 +151,7 @@ describe("preferences - closing-preferences", () => {
 
     describe("when preferences are closed", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.close();
+        builder.preferences.close();
       });
 
       it("renders", () => {
@@ -157,7 +159,7 @@ describe("preferences - closing-preferences", () => {
       });
 
       it("navigates back to the front page", () => {
-        const currentPath = rendererDi.inject(currentPathInjectable).get();
+        const currentPath = windowDi.inject(currentPathInjectable).get();
 
         expect(currentPath).toBe("/some-front-page");
       });
@@ -165,7 +167,7 @@ describe("preferences - closing-preferences", () => {
 
     describe("when navigating to a tab in preferences", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.navigation.click(
+        builder.preferences.navigation.click(
           "some-test-preference-navigation-item-id",
         );
       });
@@ -176,7 +178,7 @@ describe("preferences - closing-preferences", () => {
 
       describe("when preferences are closed", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.close();
+          builder.preferences.close();
         });
 
         it("renders", () => {
@@ -184,7 +186,7 @@ describe("preferences - closing-preferences", () => {
         });
 
         it("navigates back to the front page", () => {
-          const currentPath = rendererDi.inject(currentPathInjectable).get();
+          const currentPath = windowDi.inject(currentPathInjectable).get();
 
           expect(currentPath).toBe("/some-front-page");
         });
diff --git a/src/features/preferences/extension-adding-preference-tabs.test.tsx b/src/features/preferences/extension-adding-preference-tabs.test.tsx
new file mode 100644
index 0000000000..47810df727
--- /dev/null
+++ b/src/features/preferences/extension-adding-preference-tabs.test.tsx
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { IObservableValue } from "mobx";
+import { runInAction, computed, observable } from "mobx";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("preferences: extension adding preference tabs", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(() => {
+    builder = getApplicationBuilder();
+  });
+
+  describe("given in preferences, when extension with preference tabs is enabled", () => {
+    let rendered: RenderResult;
+    let someObservable: IObservableValue<boolean>;
+
+    beforeEach(async () => {
+      rendered = await builder.render();
+
+      builder.preferences.navigate();
+
+      someObservable = observable.box(false);
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension",
+
+        rendererOptions: {
+          appPreferenceTabs: [
+            {
+              title: "Some title",
+              id: "some-preference-tab-id",
+              orderNumber: 2,
+            },
+            {
+              title: "Some other title",
+              id: "some-other-preference-tab-id",
+              orderNumber: 1,
+            },
+            {
+              title: "Some title for item with controlled visibility",
+              id: "some-preference-tab-id-with-controlled-visibility",
+              orderNumber: 3,
+              visible: computed(() => someObservable.get()),
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("shows tabs in order", () => {
+      const actual = rendered.queryAllByTestId(/tab-link-for-extension-some-extension-nav-item-(.*)/).map(x => x.dataset.testid);
+
+      expect(actual).toEqual([
+        "tab-link-for-extension-some-extension-nav-item-some-other-preference-tab-id",
+        "tab-link-for-extension-some-extension-nav-item-some-preference-tab-id",
+      ]);
+    });
+
+    it("does not show hidden tab", () => {
+      const actual = rendered.queryByTestId(
+        "tab-link-for-extension-some-extension-nav-item-some-preference-tab-id-with-controlled-visibility",
+      );
+
+      expect(actual).not.toBeInTheDocument();
+    });
+
+    it("when item becomes visible, shows the tab", () => {
+      runInAction(() => {
+        someObservable.set(true);
+      });
+
+      const actual = rendered.queryByTestId(
+        "tab-link-for-extension-some-extension-nav-item-some-preference-tab-id-with-controlled-visibility",
+      );
+
+      expect(actual).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/behaviours/preferences/navigation-to-application-preferences.test.ts b/src/features/preferences/navigation-to-application-preferences.test.ts
similarity index 80%
rename from src/behaviours/preferences/navigation-to-application-preferences.test.ts
rename to src/features/preferences/navigation-to-application-preferences.test.ts
index c91f091323..c90a2b3cc5 100644
--- a/src/behaviours/preferences/navigation-to-application-preferences.test.ts
+++ b/src/features/preferences/navigation-to-application-preferences.test.ts
@@ -8,23 +8,23 @@ import { getApplicationBuilder } from "../../renderer/components/test-utils/get-
 import navigateToProxyPreferencesInjectable from "../../common/front-end-routing/routes/preferences/proxy/navigate-to-proxy-preferences.injectable";
 
 describe("preferences - navigation to application preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
   });
 
   describe("given in some child page of preferences, when rendered", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeRender(({ rendererDi }) => {
-        const navigateToProxyPreferences = rendererDi.inject(navigateToProxyPreferencesInjectable);
+      builder.beforeWindowStart((windowDi) => {
+        const navigateToProxyPreferences = windowDi.inject(navigateToProxyPreferencesInjectable);
 
         navigateToProxyPreferences();
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -39,7 +39,7 @@ describe("preferences - navigation to application preferences", () => {
 
     describe("when navigating to application preferences using navigation", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.navigation.click("application");
+        builder.preferences.navigation.click("application");
       });
 
       it("renders", () => {
diff --git a/src/behaviours/preferences/navigation-to-editor-preferences.test.ts b/src/features/preferences/navigation-to-editor-preferences.test.ts
similarity index 96%
rename from src/behaviours/preferences/navigation-to-editor-preferences.test.ts
rename to src/features/preferences/navigation-to-editor-preferences.test.ts
index 1b74b94eb4..7a37abbc8c 100644
--- a/src/behaviours/preferences/navigation-to-editor-preferences.test.ts
+++ b/src/features/preferences/navigation-to-editor-preferences.test.ts
@@ -17,7 +17,7 @@ describe("preferences - navigation to editor preferences", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeRender(() => {
+      applicationBuilder.beforeWindowStart(() => {
         applicationBuilder.preferences.navigate();
       });
 
diff --git a/src/behaviours/preferences/navigation-to-extension-specific-preferences.test.tsx b/src/features/preferences/navigation-to-extension-specific-preferences.test.tsx
similarity index 54%
rename from src/behaviours/preferences/navigation-to-extension-specific-preferences.test.tsx
rename to src/features/preferences/navigation-to-extension-specific-preferences.test.tsx
index bded3769f2..cb44c1770c 100644
--- a/src/behaviours/preferences/navigation-to-extension-specific-preferences.test.tsx
+++ b/src/features/preferences/navigation-to-extension-specific-preferences.test.tsx
@@ -7,29 +7,25 @@ import type { ApplicationBuilder } from "../../renderer/components/test-utils/ge
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import React from "react";
 import "@testing-library/jest-dom/extend-expect";
-import type { FakeExtensionData, TestExtension } from "../../renderer/components/test-utils/get-renderer-extension-fake";
-import { getRendererExtensionFakeFor } from "../../renderer/components/test-utils/get-renderer-extension-fake";
-import type { DiContainer } from "@ogre-tools/injectable";
-import { getDiForUnitTesting } from "../../renderer/getDiForUnitTesting";
 import extensionPreferencesRouteInjectable from "../../common/front-end-routing/routes/preferences/extension/extension-preferences-route.injectable";
-
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
 
 describe("preferences - navigation to extension specific preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
   });
 
   describe("given in preferences, when rendered", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeRender(() => {
-        applicationBuilder.preferences.navigate();
+      builder.beforeWindowStart(() => {
+        builder.preferences.navigate();
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -49,13 +45,15 @@ describe("preferences - navigation to extension specific preferences", () => {
     });
 
     describe("given multiple extensions with specific preferences, when navigating to extension specific preferences page", () => {
-      beforeEach(async () => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-        const someTestExtension = getRendererExtensionFake(extensionStubWithExtensionSpecificPreferenceItems);
-        const someOtherTestExtension = getRendererExtensionFake(someOtherExtensionStubWithExtensionSpecificPreferenceItems);
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithExtensionSpecificPreferenceItems,
+          someOtherExtensionStubWithExtensionSpecificPreferenceItems,
+        );
 
-        await applicationBuilder.extensions.renderer.enable(someTestExtension, someOtherTestExtension);
-        applicationBuilder.preferences.navigation.click("extension-some-test-extension-id");
+        builder.preferences.navigation.click(
+          "extension-some-test-extension-id",
+        );
       });
 
       it("renders", () => {
@@ -76,13 +74,12 @@ describe("preferences - navigation to extension specific preferences", () => {
     });
 
     describe("given multiple extensions with and without specific preferences", () => {
-      beforeEach(async () => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-        const someTestExtension = getRendererExtensionFake(extensionStubWithExtensionSpecificPreferenceItems);
-        const extensionWithoutPreferences = getRendererExtensionFake(extensionStubWithoutPreferences);
-        const extensionWithSpecificTab = getRendererExtensionFake(extensionStubWithShowInPreferencesTab);
-
-        await applicationBuilder.extensions.renderer.enable(someTestExtension, extensionWithoutPreferences, extensionWithSpecificTab);
+      beforeEach(() => {
+        builder.extensions.enable(
+          extensionStubWithExtensionSpecificPreferenceItems,
+          extensionStubWithoutPreferences,
+          extensionStubWithShowInPreferencesTab,
+        );
       });
 
       it("doesn't show link for extension without preferences", () => {
@@ -99,16 +96,8 @@ describe("preferences - navigation to extension specific preferences", () => {
     });
 
     describe("when extension with specific preferences is enabled", () => {
-      let testExtension: TestExtension;
-
       beforeEach(() => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-
-        testExtension = getRendererExtensionFake(
-          extensionStubWithExtensionSpecificPreferenceItems,
-        );
-
-        applicationBuilder.extensions.renderer.enable(testExtension);
+        builder.extensions.enable(extensionStubWithExtensionSpecificPreferenceItems);
       });
 
       it("renders", () => {
@@ -129,7 +118,7 @@ describe("preferences - navigation to extension specific preferences", () => {
 
       describe("when navigating to extension preferences using navigation", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.navigation.click("extension-some-test-extension-id");
+          builder.preferences.navigation.click("extension-some-test-extension-id");
         });
 
         it("renders", () => {
@@ -168,7 +157,7 @@ describe("preferences - navigation to extension specific preferences", () => {
 
         describe("when extension is disabled", () => {
           beforeEach(() => {
-            applicationBuilder.extensions.renderer.disable(testExtension);
+            builder.extensions.disable(extensionStubWithExtensionSpecificPreferenceItems);
           });
 
           it("renders", () => {
@@ -180,7 +169,7 @@ describe("preferences - navigation to extension specific preferences", () => {
           });
 
           it("when extension is enabled again, does not show the error message anymore", () => {
-            applicationBuilder.extensions.renderer.enable(testExtension);
+            builder.extensions.enable(extensionStubWithExtensionSpecificPreferenceItems);
 
             expect(rendered.queryByTestId("error-for-extension-not-being-present")).not.toBeInTheDocument();
           });
@@ -189,11 +178,8 @@ describe("preferences - navigation to extension specific preferences", () => {
     });
 
     describe("given extension with registered tab", () => {
-      beforeEach(async () => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-        const extension = getRendererExtensionFake(extensionStubWithWithRegisteredTab);
-
-        await applicationBuilder.extensions.renderer.enable(extension);
+      beforeEach(() => {
+        builder.extensions.enable(extensionStubWithWithRegisteredTab);
       });
 
       it("shows extension tab in general area", () => {
@@ -210,7 +196,7 @@ describe("preferences - navigation to extension specific preferences", () => {
 
       describe("when navigating to specific extension tab", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.navigation.click("extension-registered-tab-page-id-nav-item-metrics-extension-tab");
+          builder.preferences.navigation.click("extension-registered-tab-page-id-nav-item-metrics-extension-tab");
         });
         it("renders", () => {
           expect(rendered.container).toMatchSnapshot();
@@ -225,6 +211,18 @@ describe("preferences - navigation to extension specific preferences", () => {
 
           expect(actual).not.toBeInTheDocument();
         });
+        it("shows page title", () => {
+          const pageTitle = rendered.queryByTestId("extension-preferences-page-title");
+
+          expect(pageTitle).toBeInTheDocument();
+        });
+        it("shows page title same as tab title", () => {
+          const pageTitle = rendered.queryByTestId("extension-preferences-page-title");
+          const tabs = extensionStubWithWithRegisteredTab.rendererOptions?.appPreferenceTabs;
+          const tabTitle = tabs && tabs[0].title;
+
+          expect(pageTitle?.innerHTML).toBe(tabTitle);
+        });
       });
     });
 
@@ -234,11 +232,8 @@ describe("preferences - navigation to extension specific preferences", () => {
         "tab-link-for-extension-hello-world-tab-page-id-nav-item-logs-extension-tab",
       ];
 
-      beforeEach(async () => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-        const extension = getRendererExtensionFake(extensionStubWithWithRegisteredTabs);
-
-        await applicationBuilder.extensions.renderer.enable(extension);
+      beforeEach(() => {
+        builder.extensions.enable(extensionStubWithWithRegisteredTabs);
       });
 
       it.each(tabs)("shows '%s' tab in general area", (tab) => {
@@ -249,12 +244,8 @@ describe("preferences - navigation to extension specific preferences", () => {
     });
 
     describe("given extensions with tabs having same id", () => {
-      beforeEach(async () => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-        const extension = getRendererExtensionFake(extensionStubWithWithRegisteredTab);
-        const otherExtension = getRendererExtensionFake(extensionStubWithWithSameRegisteredTab);
-
-        await applicationBuilder.extensions.renderer.enable(extension, otherExtension);
+      beforeEach(() => {
+        builder.extensions.enable(extensionStubWithWithRegisteredTab, extensionStubWithWithSameRegisteredTab);
       });
 
       it("shows tab from the first extension", () => {
@@ -271,7 +262,7 @@ describe("preferences - navigation to extension specific preferences", () => {
 
       describe("when navigating to first extension tab", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.navigation.click("extension-registered-tab-page-id-nav-item-metrics-extension-tab");
+          builder.preferences.navigation.click("extension-registered-tab-page-id-nav-item-metrics-extension-tab");
         });
 
         it("renders", () => {
@@ -293,7 +284,7 @@ describe("preferences - navigation to extension specific preferences", () => {
 
       describe("when navigating to second extension tab", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.navigation.click("extension-duplicated-tab-page-id-nav-item-metrics-extension-tab");
+          builder.preferences.navigation.click("extension-duplicated-tab-page-id-nav-item-metrics-extension-tab");
         });
 
         it("renders", () => {
@@ -317,27 +308,21 @@ describe("preferences - navigation to extension specific preferences", () => {
 
   describe("when navigating to extension specific tab", () => {
     let rendered: RenderResult;
-    let di: DiContainer;
 
     beforeEach(async () => {
-      di = getDiForUnitTesting({ doGeneralOverrides: true });
+      builder.beforeWindowStart((windowDi) => {
+        const extensionRoute = windowDi.inject(extensionPreferencesRouteInjectable);
 
-      const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-      const extension = getRendererExtensionFake(extensionStubWithWithSameRegisteredTab);
-      const otherExtension = getRendererExtensionFake(extensionUsingSomeoneElseTab);
-
-      applicationBuilder.beforeRender(() => {
-        const extensionRoute = di.inject(extensionPreferencesRouteInjectable);
         const params = { parameters: {
           extensionId: "duplicated-tab-page-id",
           tabId: "metrics-extension-tab",
         }};
 
-        applicationBuilder.preferences.navigateTo(extensionRoute, params);
+        builder.preferences.navigateTo(extensionRoute, params);
       });
 
-      await applicationBuilder.extensions.renderer.enable(extension, otherExtension);
-      rendered = await applicationBuilder.render();
+      builder.extensions.enable(extensionStubWithWithSameRegisteredTab, extensionUsingSomeoneElseTab);
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -355,27 +340,20 @@ describe("preferences - navigation to extension specific preferences", () => {
 
   describe("when navigating to someone else extension specific tab", () => {
     let rendered: RenderResult;
-    let di: DiContainer;
 
     beforeEach(async () => {
-      di = getDiForUnitTesting({ doGeneralOverrides: true });
-
-      const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-      const extension = getRendererExtensionFake(extensionStubWithWithSameRegisteredTab);
-      const extensionUsingOtherTab = getRendererExtensionFake(extensionUsingSomeoneElseTab);
-
-      applicationBuilder.beforeRender(() => {
-        const extensionRoute = di.inject(extensionPreferencesRouteInjectable);
+      builder.beforeWindowStart((windowDi) => {
+        const extensionRoute = windowDi.inject(extensionPreferencesRouteInjectable);
         const params = { parameters: {
           extensionId: "extension-using-someone-else-tab-id",
           tabId: "metrics-extension-tab",
         }};
 
-        applicationBuilder.preferences.navigateTo(extensionRoute, params);
+        builder.preferences.navigateTo(extensionRoute, params);
       });
 
-      await applicationBuilder.extensions.renderer.enable(extension, extensionUsingOtherTab);
-      rendered = await applicationBuilder.render();
+      builder.extensions.enable(extensionStubWithWithSameRegisteredTab, extensionUsingSomeoneElseTab);
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -384,193 +362,208 @@ describe("preferences - navigation to extension specific preferences", () => {
   });
 });
 
-const extensionStubWithExtensionSpecificPreferenceItems: FakeExtensionData = {
+const extensionStubWithExtensionSpecificPreferenceItems: FakeExtensionOptions = {
   id: "some-test-extension-id",
   name: "some-test-extension-id",
-  appPreferences: [
-    {
-      title: "Some preference item",
-      id: "some-preference-item-id",
 
-      components: {
-        Hint: () => <div data-testid="some-preference-item-hint" />,
-        Input: () => <div data-testid="some-preference-item-input" />,
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Some preference item",
+        id: "some-preference-item-id",
+
+        components: {
+          Hint: () => <div data-testid="some-preference-item-hint" />,
+          Input: () => <div data-testid="some-preference-item-input" />,
+        },
       },
-    },
 
-    {
-      title: "irrelevant",
-      id: "some-unrelated-preference-item-id",
-      showInPreferencesTab: "some-tab",
+      {
+        title: "irrelevant",
+        id: "some-unrelated-preference-item-id",
+        showInPreferencesTab: "some-tab",
 
-      components: {
-        Hint: () => <div />,
-        Input: () => <div />,
+        components: {
+          Hint: () => <div />,
+          Input: () => <div />,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
 
-const someOtherExtensionStubWithExtensionSpecificPreferenceItems: FakeExtensionData = {
+const someOtherExtensionStubWithExtensionSpecificPreferenceItems: FakeExtensionOptions = {
   id: "some-other-test-extension-id",
   name: "some-other-test-extension-id",
 
-  appPreferences: [
-    {
-      title: "Test preference item",
-      id: "some-other-preference-item-id",
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Test preference item",
+        id: "some-other-preference-item-id",
 
-      components: {
-        Hint: () => <div data-testid="some-other-preference-item-hint" />,
-        Input: () => <div data-testid="some-other-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="some-other-preference-item-hint" />,
+          Input: () => <div data-testid="some-other-preference-item-input" />,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
 
-const extensionStubWithoutPreferences: FakeExtensionData = {
+const extensionStubWithoutPreferences: FakeExtensionOptions = {
   id: "without-preferences-id",
   name: "without-preferences-id",
 };
 
-const extensionStubWithShowInPreferencesTab: FakeExtensionData = {
+const extensionStubWithShowInPreferencesTab: FakeExtensionOptions = {
   id: "specified-preferences-page-id",
   name: "specified-preferences-page-name",
 
-  appPreferences: [
-    {
-      title: "Test preference item",
-      id: "very-other-preference-item-id",
-      showInPreferencesTab: "some-tab",
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Test preference item",
+        id: "very-other-preference-item-id",
+        showInPreferencesTab: "some-tab",
 
-      components: {
-        Hint: () => <div data-testid="very-other-preference-item-hint" />,
-        Input: () => <div data-testid="very-other-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="very-other-preference-item-hint" />,
+          Input: () => <div data-testid="very-other-preference-item-input" />,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
 
-const extensionStubWithWithRegisteredTab: FakeExtensionData = {
+const extensionStubWithWithRegisteredTab: FakeExtensionOptions = {
   id: "registered-tab-page-id",
   name: "registered-tab-page-id",
 
-  appPreferences: [
-    {
-      title: "License item",
-      id: "metrics-preference-item-id",
-      showInPreferencesTab: "metrics-extension-tab",
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "License item",
+        id: "metrics-preference-item-id",
+        showInPreferencesTab: "metrics-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="metrics-preference-item-hint" />,
-        Input: () => <div data-testid="metrics-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="metrics-preference-item-hint" />,
+          Input: () => <div data-testid="metrics-preference-item-input" />,
+        },
       },
-    },
-    {
-      title: "Menu item",
-      id: "menu-preference-item-id",
-      showInPreferencesTab: "menu-extension-tab",
+      {
+        title: "Menu item",
+        id: "menu-preference-item-id",
+        showInPreferencesTab: "menu-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="menu-preference-item-hint" />,
-        Input: () => <div data-testid="menu-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="menu-preference-item-hint" />,
+          Input: () => <div data-testid="menu-preference-item-input" />,
+        },
       },
-    },
-    {
-      title: "Survey item",
-      id: "survey-preference-item-id",
-      showInPreferencesTab: "survey-extension-tab",
+      {
+        title: "Survey item",
+        id: "survey-preference-item-id",
+        showInPreferencesTab: "survey-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="survey-preference-item-hint" />,
-        Input: () => <div data-testid="survey-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="survey-preference-item-hint" />,
+          Input: () => <div data-testid="survey-preference-item-input" />,
+        },
       },
-    },
-  ],
+    ],
 
-  appPreferenceTabs: [{
-    title: "Metrics tab",
-    id: "metrics-extension-tab",
-    orderNumber: 100,
-  }],
+    appPreferenceTabs: [{
+      title: "Metrics tab",
+      id: "metrics-extension-tab",
+      orderNumber: 100,
+    }],
+  },
 };
 
-const extensionStubWithWithRegisteredTabs: FakeExtensionData = {
+const extensionStubWithWithRegisteredTabs: FakeExtensionOptions = {
   id: "hello-world-tab-page-id",
   name: "hello-world-tab-page-id",
 
-  appPreferences: [
-    {
-      title: "Hello world",
-      id: "hello-preference-item-id",
-      showInPreferencesTab: "hello-extension-tab",
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Hello world",
+        id: "hello-preference-item-id",
+        showInPreferencesTab: "hello-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="hello-preference-item-hint" />,
-        Input: () => <div data-testid="hello-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="hello-preference-item-hint" />,
+          Input: () => <div data-testid="hello-preference-item-input" />,
+        },
       },
-    },
-    {
-      title: "Logs",
-      id: "logs-preference-item-id",
-      showInPreferencesTab: "logs-extension-tab",
+      {
+        title: "Logs",
+        id: "logs-preference-item-id",
+        showInPreferencesTab: "logs-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="logs-preference-item-hint" />,
-        Input: () => <div data-testid="logs-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="logs-preference-item-hint" />,
+          Input: () => <div data-testid="logs-preference-item-input" />,
+        },
       },
-    },
-  ],
+    ],
 
-  appPreferenceTabs: [{
-    title: "Metrics tab",
-    id: "hello-extension-tab",
-    orderNumber: 100,
-  }, {
-    title: "Logs tab",
-    id: "logs-extension-tab",
-    orderNumber: 200,
-  }],
+    appPreferenceTabs: [{
+      title: "Metrics tab",
+      id: "hello-extension-tab",
+      orderNumber: 100,
+    }, {
+      title: "Logs tab",
+      id: "logs-extension-tab",
+      orderNumber: 200,
+    }],
+  },
 };
 
-const extensionStubWithWithSameRegisteredTab: FakeExtensionData = {
+const extensionStubWithWithSameRegisteredTab: FakeExtensionOptions = {
   id: "duplicated-tab-page-id",
   name: "duplicated-tab-page-id",
 
-  appPreferences: [
-    {
-      title: "Another metrics",
-      id: "another-metrics-preference-item-id",
-      showInPreferencesTab: "metrics-extension-tab",
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Another metrics",
+        id: "another-metrics-preference-item-id",
+        showInPreferencesTab: "metrics-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="another-metrics-preference-item-hint" />,
-        Input: () => <div data-testid="another-metrics-preference-item-input" />,
+        components: {
+          Hint: () => <div data-testid="another-metrics-preference-item-hint" />,
+          Input: () => <div data-testid="another-metrics-preference-item-input" />,
+        },
       },
-    },
-  ],
+    ],
 
-  appPreferenceTabs: [{
-    title: "Metrics tab",
-    id: "metrics-extension-tab",
-    orderNumber: 100,
-  }],
+    appPreferenceTabs: [{
+      title: "Metrics tab",
+      id: "metrics-extension-tab",
+      orderNumber: 100,
+    }],
+  },
 };
 
-const extensionUsingSomeoneElseTab: FakeExtensionData = {
+const extensionUsingSomeoneElseTab: FakeExtensionOptions = {
   id: "extension-using-someone-else-tab-id",
   name: "extension-using-someone-else-tab-id",
 
-  appPreferences: [
-    {
-      title: "My preferences",
-      id: "my-preferences-item-id",
-      showInPreferencesTab: "metrics-extension-tab",
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "My preferences",
+        id: "my-preferences-item-id",
+        showInPreferencesTab: "metrics-extension-tab",
 
-      components: {
-        Hint: () => <div data-testid="my-preferences-item-hint" />,
-        Input: () => <div data-testid="my-preferences-item-input" />,
+        components: {
+          Hint: () => <div data-testid="my-preferences-item-hint" />,
+          Input: () => <div data-testid="my-preferences-item-input" />,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
diff --git a/src/behaviours/preferences/navigation-to-kubernetes-preferences.test.ts b/src/features/preferences/navigation-to-kubernetes-preferences.test.ts
similarity index 79%
rename from src/behaviours/preferences/navigation-to-kubernetes-preferences.test.ts
rename to src/features/preferences/navigation-to-kubernetes-preferences.test.ts
index 75b4585c21..3bdf1c611b 100644
--- a/src/behaviours/preferences/navigation-to-kubernetes-preferences.test.ts
+++ b/src/features/preferences/navigation-to-kubernetes-preferences.test.ts
@@ -9,30 +9,32 @@ import callForPublicHelmRepositoriesInjectable from "../../renderer/components/+
 import getActiveHelmRepositoriesInjectable from "../../main/helm/repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
 
 describe("preferences - navigation to kubernetes preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
   });
 
   describe("given in preferences, when rendered", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi, mainDi }) => {
-        rendererDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
-
+      builder.beforeApplicationStart((mainDi) => {
         mainDi.override(
           getActiveHelmRepositoriesInjectable,
           () => async () => ({ callWasSuccessful: true, response: [] }),
         );
       });
 
-      applicationBuilder.beforeRender(() => {
-        applicationBuilder.preferences.navigate();
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(callForPublicHelmRepositoriesInjectable, () => async () => []);
       });
 
-      rendered = await applicationBuilder.render();
+      builder.beforeWindowStart(() => {
+        builder.preferences.navigate();
+      });
+
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -47,7 +49,7 @@ describe("preferences - navigation to kubernetes preferences", () => {
 
     describe("when navigating to kubernetes preferences using navigation", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.navigation.click("kubernetes");
+        builder.preferences.navigation.click("kubernetes");
       });
 
       it("renders", () => {
diff --git a/src/behaviours/preferences/navigation-to-proxy-preferences.test.ts b/src/features/preferences/navigation-to-proxy-preferences.test.ts
similarity index 96%
rename from src/behaviours/preferences/navigation-to-proxy-preferences.test.ts
rename to src/features/preferences/navigation-to-proxy-preferences.test.ts
index 3d2c8d6d2c..976e9058ef 100644
--- a/src/behaviours/preferences/navigation-to-proxy-preferences.test.ts
+++ b/src/features/preferences/navigation-to-proxy-preferences.test.ts
@@ -17,7 +17,7 @@ describe("preferences - navigation to proxy preferences", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeRender(() => {
+      applicationBuilder.beforeWindowStart(() => {
         applicationBuilder.preferences.navigate();
       });
 
diff --git a/src/behaviours/preferences/navigation-to-telemetry-preferences.test.tsx b/src/features/preferences/navigation-to-telemetry-preferences.test.tsx
similarity index 62%
rename from src/behaviours/preferences/navigation-to-telemetry-preferences.test.tsx
rename to src/features/preferences/navigation-to-telemetry-preferences.test.tsx
index 42ea181ddc..c4a76bed81 100644
--- a/src/behaviours/preferences/navigation-to-telemetry-preferences.test.tsx
+++ b/src/features/preferences/navigation-to-telemetry-preferences.test.tsx
@@ -6,27 +6,26 @@ import type { RenderResult } from "@testing-library/react";
 import React from "react";
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import type { FakeExtensionData } from "../../renderer/components/test-utils/get-renderer-extension-fake";
-import { getRendererExtensionFakeFor } from "../../renderer/components/test-utils/get-renderer-extension-fake";
 import navigateToTelemetryPreferencesInjectable from "../../common/front-end-routing/routes/preferences/telemetry/navigate-to-telemetry-preferences.injectable";
 import sentryDnsUrlInjectable from "../../renderer/components/+preferences/sentry-dns-url.injectable";
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
 
 describe("preferences - navigation to telemetry preferences", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
   });
 
   describe("given in preferences, when rendered", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeRender(() => {
-        applicationBuilder.preferences.navigate();
+      builder.beforeWindowStart(() => {
+        builder.preferences.navigate();
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
     });
 
     it("renders", () => {
@@ -47,11 +46,8 @@ describe("preferences - navigation to telemetry preferences", () => {
 
     describe("when extension with telemetry preference items gets enabled", () => {
       beforeEach(() => {
-        const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-        const testExtensionWithTelemetryPreferenceItems = getRendererExtensionFake(extensionStubWithTelemetryPreferenceItems);
-
-        applicationBuilder.extensions.renderer.enable(
-          testExtensionWithTelemetryPreferenceItems,
+        builder.extensions.enable(
+          extensionStubWithTelemetryPreferenceItems,
         );
       });
 
@@ -67,7 +63,7 @@ describe("preferences - navigation to telemetry preferences", () => {
 
       describe("when clicking link to telemetry preferences from navigation", () => {
         beforeEach(() => {
-          applicationBuilder.preferences.navigation.click("telemetry");
+          builder.preferences.navigation.click("telemetry");
         });
 
         it("renders", () => {
@@ -91,23 +87,21 @@ describe("preferences - navigation to telemetry preferences", () => {
     });
 
     it("given extensions but no telemetry preference items, does not show link for telemetry preferences", () => {
-      const getRendererExtensionFake = getRendererExtensionFakeFor(applicationBuilder);
-      const testExtensionWithTelemetryPreferenceItems = getRendererExtensionFake({
+      builder.extensions.enable({
         id: "some-test-extension-id",
         name: "some-test-extension-name",
-        appPreferences: [
-          {
-            title: "irrelevant",
-            id: "irrelevant",
-            showInPreferencesTab: "not-telemetry",
-            components: { Hint: () => <div />, Input: () => <div /> },
-          },
-        ],
-      });
 
-      applicationBuilder.extensions.renderer.enable(
-        testExtensionWithTelemetryPreferenceItems,
-      );
+        rendererOptions: {
+          appPreferences: [
+            {
+              title: "irrelevant",
+              id: "irrelevant",
+              showInPreferencesTab: "not-telemetry",
+              components: { Hint: () => <div />, Input: () => <div /> },
+            },
+          ],
+        },
+      });
 
       const actual = rendered.queryByTestId("tab-link-for-telemetry");
 
@@ -119,18 +113,18 @@ describe("preferences - navigation to telemetry preferences", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.override(sentryDnsUrlInjectable, () => "some-sentry-dns-url");
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(sentryDnsUrlInjectable, () => "some-sentry-dns-url");
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
 
-      applicationBuilder.preferences.navigate();
+      builder.preferences.navigate();
     });
 
     describe("when navigating to telemetry preferences", () => {
       beforeEach(() => {
-        applicationBuilder.preferences.navigation.click("telemetry");
+        builder.preferences.navigation.click("telemetry");
       });
 
       it("renders", () => {
@@ -149,13 +143,15 @@ describe("preferences - navigation to telemetry preferences", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-        rendererDi.override(sentryDnsUrlInjectable, () => null);
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(sentryDnsUrlInjectable, () => null);
       });
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
 
-      const navigateToTelemetryPreferences = applicationBuilder.dis.rendererDi.inject(navigateToTelemetryPreferencesInjectable);
+      const windowDi = builder.applicationWindow.only.di;
+
+      const navigateToTelemetryPreferences = windowDi.inject(navigateToTelemetryPreferencesInjectable);
 
       navigateToTelemetryPreferences();
     });
@@ -172,19 +168,22 @@ describe("preferences - navigation to telemetry preferences", () => {
   });
 });
 
-const extensionStubWithTelemetryPreferenceItems: FakeExtensionData = {
+const extensionStubWithTelemetryPreferenceItems: FakeExtensionOptions = {
   id: "some-test-extension-id",
   name: "some-test-extension-name",
-  appPreferences: [
-    {
-      title: "Some telemetry-preference item",
-      id: "some-telemetry-preference-item-id",
-      showInPreferencesTab: "telemetry",
 
-      components: {
-        Hint: () => <div data-testid="some-preference-item-hint" />,
-        Input: () => <div data-testid="some-preference-item-input" />,
+  rendererOptions: {
+    appPreferences: [
+      {
+        title: "Some telemetry-preference item",
+        id: "some-telemetry-preference-item-id",
+        showInPreferencesTab: "telemetry",
+
+        components: {
+          Hint: () => <div data-testid="some-preference-item-hint" />,
+          Input: () => <div data-testid="some-preference-item-input" />,
+        },
       },
-    },
-  ],
+    ],
+  },
 };
diff --git a/src/behaviours/preferences/navigation-to-terminal-preferences.test.ts b/src/features/preferences/navigation-to-terminal-preferences.test.ts
similarity index 96%
rename from src/behaviours/preferences/navigation-to-terminal-preferences.test.ts
rename to src/features/preferences/navigation-to-terminal-preferences.test.ts
index 73eff39006..e7fbb9c4b9 100644
--- a/src/behaviours/preferences/navigation-to-terminal-preferences.test.ts
+++ b/src/features/preferences/navigation-to-terminal-preferences.test.ts
@@ -17,7 +17,7 @@ describe("preferences - navigation to terminal preferences", () => {
     let rendered: RenderResult;
 
     beforeEach(async () => {
-      applicationBuilder.beforeRender(() => {
+      applicationBuilder.beforeWindowStart(() => {
         applicationBuilder.preferences.navigate();
       });
 
diff --git a/src/behaviours/preferences/navigation-using-application-menu.test.ts b/src/features/preferences/navigation-using-application-menu.test.ts
similarity index 100%
rename from src/behaviours/preferences/navigation-using-application-menu.test.ts
rename to src/features/preferences/navigation-using-application-menu.test.ts
diff --git a/src/behaviours/preferences/navigation-using-tray.test.ts b/src/features/preferences/navigation-using-tray.test.ts
similarity index 100%
rename from src/behaviours/preferences/navigation-using-tray.test.ts
rename to src/features/preferences/navigation-using-tray.test.ts
diff --git a/src/behaviours/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts b/src/features/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
similarity index 60%
rename from src/behaviours/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
rename to src/features/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
index 4b5b6ff338..86f0a6b83a 100644
--- a/src/behaviours/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
+++ b/src/features/quitting-and-restarting-the-app/opening-application-window-using-tray.test.ts
@@ -5,90 +5,93 @@
 
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import { lensWindowInjectionToken } from "../../main/start-main-application/lens-window/application-window/lens-window-injection-token";
-import applicationWindowInjectable from "../../main/start-main-application/lens-window/application-window/application-window.injectable";
-import createElectronWindowForInjectable from "../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
 import type { AsyncFnMock } from "@async-fn/jest";
 import asyncFn from "@async-fn/jest";
-import type { ElectronWindow, LensWindowConfiguration } from "../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
-import type { DiContainer } from "@ogre-tools/injectable";
+import type { LensWindow } from "../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
 import lensResourcesDirInjectable from "../../common/vars/lens-resources-dir.injectable";
+import focusApplicationInjectable from "../../main/electron-app/features/focus-application.injectable";
+import type { CreateElectronWindow } from "../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
+import createElectronWindowInjectable from "../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
+import splashWindowInjectable from "../../main/start-main-application/lens-window/splash-window/splash-window.injectable";
+import { runInAction } from "mobx";
 
 describe("opening application window using tray", () => {
   describe("given application has started", () => {
-    let applicationBuilder: ApplicationBuilder;
+    let builder: ApplicationBuilder;
     let createElectronWindowMock: jest.Mock;
     let expectWindowsToBeOpen: (windowIds: string[]) => void;
-    let callForSplashWindowHtmlMock: AsyncFnMock<() => void>;
-    let callForApplicationWindowHtmlMock: AsyncFnMock<() => void>;
+    let callForSplashWindowHtmlMock: AsyncFnMock<() => Promise<void>>;
+    let callForApplicationWindowHtmlMock: AsyncFnMock<() => Promise<void>>;
+    let focusApplicationMock: jest.Mock;
 
     beforeEach(async () => {
       callForSplashWindowHtmlMock = asyncFn();
       callForApplicationWindowHtmlMock = asyncFn();
 
-      applicationBuilder = getApplicationBuilder().beforeApplicationStart(
-        ({ mainDi }) => {
-          mainDi.override(lensResourcesDirInjectable, () => "some-lens-resources-directory");
+      focusApplicationMock = jest.fn();
 
-          const loadFileMock = jest
-            .fn(callForSplashWindowHtmlMock)
-            .mockImplementationOnce(() => Promise.resolve());
+      builder = getApplicationBuilder();
 
-          const loadUrlMock = jest
-            .fn(callForApplicationWindowHtmlMock)
-            .mockImplementationOnce(() => Promise.resolve());
+      builder.beforeApplicationStart((mainDi) => {
+        mainDi.override(focusApplicationInjectable, () => focusApplicationMock);
 
-          createElectronWindowMock = jest.fn((configuration: LensWindowConfiguration) =>
-            ({
-              splash: {
-                send: () => {},
-                close: () => {},
-                show: () => {},
-                loadFile: loadFileMock,
-                loadUrl: () => { throw new Error("Should never come here"); },
-              },
+        mainDi.override(
+          lensResourcesDirInjectable,
+          () => "some-lens-resources-directory",
+        );
 
-              "only-application-window": {
-                send: () => {},
-                close: () => {},
-                show: () => {},
-                loadFile: () => { throw new Error("Should never come here"); },
-                loadUrl: loadUrlMock,
-              },
-            }[configuration.id] as ElectronWindow));
+        const loadFileMock = jest
+          .fn(callForSplashWindowHtmlMock)
+          .mockImplementationOnce(() => Promise.resolve());
 
-          mainDi.override(
-            createElectronWindowForInjectable,
+        const loadUrlMock = jest
+          .fn(callForApplicationWindowHtmlMock)
+          .mockImplementationOnce(() => Promise.resolve());
 
-            () => createElectronWindowMock,
+        createElectronWindowMock = jest.fn((toBeDecorated): CreateElectronWindow => (configuration) => {
+          const browserWindow = toBeDecorated(configuration);
+
+          if (configuration.id === "splash") {
+            return { ...browserWindow, loadFile: loadFileMock };
+          }
+
+          if (configuration.id === "first-application-window") {
+            return { ...browserWindow, loadUrl: loadUrlMock };
+          }
+
+          return browserWindow;
+        });
+
+        runInAction(() => {
+          (mainDi as any).decorateFunction(
+            createElectronWindowInjectable,
+            createElectronWindowMock,
           );
+        });
 
-          expectWindowsToBeOpen = expectWindowsToBeOpenFor(mainDi);
-        },
-      );
+        expectWindowsToBeOpen = expectWindowsToBeOpenFor(builder);
+      });
 
-      await applicationBuilder.render();
+      await builder.render();
     });
 
-    it("only an application window is open", () => {
-      expectWindowsToBeOpen(["only-application-window"]);
+    it("only the first application window is open", () => {
+      expectWindowsToBeOpen(["first-application-window"]);
     });
 
     describe("when an attempt to reopen the already started application is made using tray", () => {
       beforeEach(() => {
-        applicationBuilder.tray.click("open-app");
+        builder.tray.click("open-app");
       });
 
       it("still shows only the application window", () => {
-        expectWindowsToBeOpen(["only-application-window"]);
+        expectWindowsToBeOpen(["first-application-window"]);
       });
     });
 
-    describe("when the application window is closed", () => {
+    describe("when the first application window is closed", () => {
       beforeEach(() => {
-        const applicationWindow = applicationBuilder.dis.mainDi.inject(
-          applicationWindowInjectable,
-        );
+        const applicationWindow = builder.applicationWindow.only;
 
         applicationWindow.close();
       });
@@ -99,10 +102,16 @@ describe("opening application window using tray", () => {
 
       describe("when an application window is reopened using tray", () => {
         beforeEach(() => {
+          focusApplicationMock.mockClear();
+
           callForSplashWindowHtmlMock.mockClear();
           callForApplicationWindowHtmlMock.mockClear();
 
-          applicationBuilder.tray.click("open-app");
+          builder.tray.click("open-app");
+        });
+
+        it("focuses the application", () => {
+          expect(focusApplicationMock).toHaveBeenCalled();
         });
 
         it("still no windows are open", () => {
@@ -131,7 +140,7 @@ describe("opening application window using tray", () => {
               callForApplicationWindowHtmlMock.mockClear();
               callForSplashWindowHtmlMock.mockClear();
 
-              applicationBuilder.tray.click("open-app");
+              builder.tray.click("open-app");
             });
 
             it("does not load contents of splash window again", () => {
@@ -143,7 +152,7 @@ describe("opening application window using tray", () => {
             });
 
             it("shows just the blank application window to permit developer tool access", () => {
-              expectWindowsToBeOpen(["only-application-window"]);
+              expectWindowsToBeOpen(["first-application-window"]);
             });
           });
 
@@ -153,7 +162,7 @@ describe("opening application window using tray", () => {
             });
 
             it("shows just the application window", () => {
-              expectWindowsToBeOpen(["only-application-window"]);
+              expectWindowsToBeOpen(["first-application-window"]);
             });
 
             describe("when reopening the application using tray", () => {
@@ -161,11 +170,11 @@ describe("opening application window using tray", () => {
                 callForSplashWindowHtmlMock.mockClear();
                 callForApplicationWindowHtmlMock.mockClear();
 
-                applicationBuilder.tray.click("open-app");
+                builder.tray.click("open-app");
               });
 
               it("still shows just the application window", () => {
-                expectWindowsToBeOpen(["only-application-window"]);
+                expectWindowsToBeOpen(["first-application-window"]);
               });
 
               it("does not load HTML for splash window again", () => {
@@ -183,7 +192,7 @@ describe("opening application window using tray", () => {
           beforeEach(() => {
             createElectronWindowMock.mockClear();
 
-            applicationBuilder.tray.click("open-app");
+            builder.tray.click("open-app");
           });
 
           it("does not open any new windows", () => {
@@ -203,14 +212,14 @@ describe("opening application window using tray", () => {
           it("when opening of application window finishes, only an application window is open", async () => {
             await callForApplicationWindowHtmlMock.resolve();
 
-            expectWindowsToBeOpen(["only-application-window"]);
+            expectWindowsToBeOpen(["first-application-window"]);
           });
 
           describe("given opening of application window has not finished yet, but another attempt to open the application is made", () => {
             beforeEach(() => {
               createElectronWindowMock.mockClear();
 
-              applicationBuilder.tray.click("open-app");
+              builder.tray.click("open-app");
             });
 
             it("does not open any new windows", () => {
@@ -220,7 +229,7 @@ describe("opening application window using tray", () => {
             it("when opening finishes, only an application window is open", async () => {
               await callForApplicationWindowHtmlMock.resolve();
 
-              expectWindowsToBeOpen(["only-application-window"]);
+              expectWindowsToBeOpen(["first-application-window"]);
             });
           });
         });
@@ -229,10 +238,14 @@ describe("opening application window using tray", () => {
   });
 });
 
-const expectWindowsToBeOpenFor = (di: DiContainer) => (windowIds: string[]) => {
-  const windows = di.injectMany(lensWindowInjectionToken);
+const expectWindowsToBeOpenFor =
+  (builder: ApplicationBuilder) => (windowIds: string[]) => {
+    const windows: LensWindow[] = [
+      builder.mainDi.inject(splashWindowInjectable),
+      ...builder.applicationWindow.getAll(),
+    ];
 
-  expect(
-    windows.filter((window) => window.isVisible).map((window) => window.id),
-  ).toEqual(windowIds);
-};
+    expect(
+      windows.filter((window) => window.isVisible).map((window) => window.id),
+    ).toEqual(windowIds);
+  };
diff --git a/src/behaviours/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts b/src/features/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts
similarity index 60%
rename from src/behaviours/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts
rename to src/features/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts
index 5f96bb06fb..fe903f93f3 100644
--- a/src/behaviours/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts
+++ b/src/features/quitting-and-restarting-the-app/quitting-the-app-using-application-menu.test.ts
@@ -6,22 +6,24 @@
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import type { ClusterManager } from "../../main/cluster-manager";
-import { lensWindowInjectionToken } from "../../main/start-main-application/lens-window/application-window/lens-window-injection-token";
 import exitAppInjectable from "../../main/electron-app/features/exit-app.injectable";
 import clusterManagerInjectable from "../../main/cluster-manager.injectable";
 import stopServicesAndExitAppInjectable from "../../main/stop-services-and-exit-app.injectable";
+import { advanceFakeTime, useFakeTime } from "../../common/test-utils/use-fake-time";
 
 describe("quitting the app using application menu", () => {
   describe("given application has started", () => {
-    let applicationBuilder: ApplicationBuilder;
+    let builder: ApplicationBuilder;
     let clusterManagerStub: ClusterManager;
     let exitAppMock: jest.Mock;
 
     beforeEach(async () => {
-      jest.useFakeTimers();
+      useFakeTime("2015-10-21T07:28:00Z");
 
-      applicationBuilder = getApplicationBuilder().beforeApplicationStart(
-        ({ mainDi }) => {
+      builder = getApplicationBuilder();
+
+      builder.beforeApplicationStart(
+        (mainDi) => {
           mainDi.unoverride(stopServicesAndExitAppInjectable);
 
           clusterManagerStub = { stop: jest.fn() } as unknown as ClusterManager;
@@ -32,38 +34,24 @@ describe("quitting the app using application menu", () => {
         },
       );
 
-      await applicationBuilder.render();
+      await builder.render();
     });
 
-    it("only an application window is open", () => {
-      const windows = applicationBuilder.dis.mainDi.injectMany(
-        lensWindowInjectionToken,
-      );
+    it("first application window is open", () => {
+      const windows = builder.applicationWindow.getAll();
 
-      expect(
-        windows.map((window) => ({ id: window.id, visible: window.isVisible })),
-      ).toEqual([
-        { id: "only-application-window", visible: true },
-        { id: "splash", visible: false },
-      ]);
+      expect(windows.map((window) => window.id)).toEqual(["first-application-window"]);
     });
 
     describe("when application is quit", () => {
       beforeEach(() => {
-        applicationBuilder.applicationMenu.click("root.quit");
+        builder.applicationMenu.click("root.quit");
       });
 
       it("closes all windows", () => {
-        const windows = applicationBuilder.dis.mainDi.injectMany(
-          lensWindowInjectionToken,
-        );
+        const windows = builder.applicationWindow.getAll();
 
-        expect(
-          windows.map((window) => ({ id: window.id, visible: window.isVisible })),
-        ).toEqual([
-          { id: "only-application-window", visible: false },
-          { id: "splash", visible: false },
-        ]);
+        expect(windows).toEqual([]);
       });
 
       it("disconnects all clusters", () => {
@@ -71,14 +59,14 @@ describe("quitting the app using application menu", () => {
       });
 
       it("after insufficient time passes, does not terminate application yet", () => {
-        jest.advanceTimersByTime(999);
+        advanceFakeTime(999);
 
         expect(exitAppMock).not.toHaveBeenCalled();
       });
 
       describe("after sufficient time passes", () => {
         beforeEach(() => {
-          jest.advanceTimersByTime(1000);
+          advanceFakeTime(1000);
         });
 
         it("terminates application", () => {
diff --git a/src/features/resolve-system-proxy/resolve-system-proxy.test.ts b/src/features/resolve-system-proxy/resolve-system-proxy.test.ts
new file mode 100644
index 0000000000..d2e021ef98
--- /dev/null
+++ b/src/features/resolve-system-proxy/resolve-system-proxy.test.ts
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import type { ResolveSystemProxy } from "../../common/utils/resolve-system-proxy/resolve-system-proxy-injection-token";
+import { resolveSystemProxyInjectionToken } from "../../common/utils/resolve-system-proxy/resolve-system-proxy-injection-token";
+import resolveSystemProxyFromElectronInjectable from "../../main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.injectable";
+import { getPromiseStatus } from "../../common/test-utils/get-promise-status";
+
+describe("resolve-system-proxy", () => {
+  let builder: ApplicationBuilder;
+  let actualPromise: Promise<string>;
+  let resolveSystemProxyFromElectronMock: AsyncFnMock<ResolveSystemProxy>;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    resolveSystemProxyFromElectronMock = asyncFn();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.override(
+        resolveSystemProxyFromElectronInjectable,
+        () => resolveSystemProxyFromElectronMock,
+      );
+    });
+
+    await builder.render();
+  });
+
+  describe("given in main, when called with URL", () => {
+    beforeEach(async () => {
+      const resolveSystemProxyInMain = builder.mainDi.inject(
+        resolveSystemProxyInjectionToken,
+      );
+
+      actualPromise = resolveSystemProxyInMain("some-url");
+    });
+
+    it("calls for proxy of the URL from Electron", () => {
+      expect(resolveSystemProxyFromElectronMock).toHaveBeenCalledWith("some-url");
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    it("when the call for proxy resolves, resolves with the proxy", async () => {
+      resolveSystemProxyFromElectronMock.resolve("some-proxy");
+
+      expect(await actualPromise).toBe("some-proxy");
+    });
+  });
+
+  describe("given in renderer, when called with URL", () => {
+    beforeEach(async () => {
+      const windowDi = builder.applicationWindow.only.di;
+
+      const resolveSystemProxyInRenderer = windowDi.inject(
+        resolveSystemProxyInjectionToken,
+      );
+
+      actualPromise = resolveSystemProxyInRenderer("some-url");
+    });
+
+    it("calls for proxy of the URL from Electron", () => {
+      expect(resolveSystemProxyFromElectronMock).toHaveBeenCalledWith("some-url");
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    it("when the call for proxy resolves, resolves with the proxy", async () => {
+      resolveSystemProxyFromElectronMock.resolve("some-proxy");
+
+      expect(await actualPromise).toBe("some-proxy");
+    });
+  });
+});
diff --git a/src/features/routes/extension-api/reactively-disable-global-pages.test.tsx b/src/features/routes/extension-api/reactively-disable-global-pages.test.tsx
new file mode 100644
index 0000000000..deb4015480
--- /dev/null
+++ b/src/features/routes/extension-api/reactively-disable-global-pages.test.tsx
@@ -0,0 +1,65 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import type { IObservableValue } from "mobx";
+import { observable, runInAction, computed } from "mobx";
+import React from "react";
+import type { TestExtensionRenderer } from "../../../renderer/components/test-utils/get-extension-fake";
+import type { ApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
+
+describe("reactively disable global pages", () => {
+  let builder: ApplicationBuilder;
+  let rendered: RenderResult;
+  let someObservable: IObservableValue<boolean>;
+  let rendererTestExtension: TestExtensionRenderer;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    someObservable = observable.box(false);
+
+    const testExtension = {
+      id: "test-extension-id",
+      name: "test-extension",
+
+      rendererOptions: {
+        globalPages: [{
+          components: {
+            Page: () => <div data-testid="some-test-page">Some page</div>,
+          },
+
+          enabled: computed(() => someObservable.get()),
+        }],
+      },
+    };
+
+    rendered = await builder.render();
+
+    builder.extensions.enable(testExtension);
+
+    rendererTestExtension = builder.extensions.get("test-extension-id").applicationWindows.only;
+  });
+
+  it("when navigating to the page, does not show the page", () => {
+    rendererTestExtension.navigate();
+
+    const actual = rendered.queryByTestId("some-test-page");
+
+    expect(actual).not.toBeInTheDocument();
+  });
+
+  it("given page becomes enabled, when navigating to the page, shows the page", () => {
+    runInAction(() => {
+      someObservable.set(true);
+    });
+
+    rendererTestExtension.navigate();
+
+    const actual = rendered.queryByTestId("some-test-page");
+
+    expect(actual).toBeInTheDocument();
+  });
+});
diff --git a/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap b/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
new file mode 100644
index 0000000000..d7f4658367
--- /dev/null
+++ b/src/features/status-bar/__snapshots__/status-bar-items-originating-from-extensions.test.tsx.snap
@@ -0,0 +1,250 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`status-bar-items-originating-from-extensions when application starts when extension with status bar items is loaded renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="flex justify-center Welcome align-center"
+          data-testid="welcome-page"
+        >
+          <div
+            data-testid="welcome-banner-container"
+            style="width: 320px;"
+          >
+            <i
+              class="Icon logo svg focusable"
+            >
+              <span
+                class="icon"
+              />
+            </i>
+            <div
+              class="flex justify-center"
+            >
+              <div
+                data-testid="welcome-text-container"
+                style="width: 320px;"
+              >
+                <h2>
+                  Welcome to OpenLens!
+                </h2>
+                <p>
+                  To get you started we have auto-detected your clusters in your
+                   
+                  kubeconfig file and added them to the catalog, your centralized
+                   
+                  view for managing all your cloud-native resources.
+                  <br />
+                  <br />
+                  If you have any questions or feedback, please join our 
+                  <a
+                    class="link"
+                    href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                    rel="noreferrer"
+                    target="_blank"
+                  >
+                    Lens Community slack channel
+                  </a>
+                  .
+                </p>
+                <ul
+                  class="block"
+                  data-testid="welcome-menu-container"
+                  style="width: 320px;"
+                >
+                  <li
+                    class="flex grid-12"
+                  >
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="view_list"
+                      >
+                        view_list
+                      </span>
+                    </i>
+                    <a
+                      class="box col-10"
+                    >
+                      Browse Clusters in Catalog
+                    </a>
+                    <i
+                      class="Icon box col-1 material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="navigate_next"
+                      >
+                        navigate_next
+                      </span>
+                    </i>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        >
+          <div
+            class="item"
+          >
+            <div
+              data-testid="some-testId"
+            >
+              left1
+            </div>
+          </div>
+          <div
+            class="item"
+          >
+            <div
+              data-testid="some-testId"
+            >
+              left2
+            </div>
+          </div>
+        </div>
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        >
+          <div
+            class="item"
+          >
+            <div
+              data-testid="some-testId"
+            >
+              right3
+            </div>
+          </div>
+          <div
+            class="item"
+          >
+            <span
+              data-testid="some-testId"
+            >
+              right2
+            </span>
+          </div>
+          <div
+            class="item"
+          >
+            <span
+              data-testid="some-testId"
+            >
+              right1
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
diff --git a/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx b/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
new file mode 100644
index 0000000000..8d81720a7a
--- /dev/null
+++ b/src/features/status-bar/status-bar-items-originating-from-extensions.test.tsx
@@ -0,0 +1,155 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { RenderResult } from "@testing-library/react";
+import React from "react";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+
+describe("status-bar-items-originating-from-extensions", () => {
+  let applicationBuilder: ApplicationBuilder;
+
+  beforeEach(() => {
+    applicationBuilder = getApplicationBuilder();
+
+    applicationBuilder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(getRandomIdInjectable);
+      windowDi.permitSideEffects(getRandomIdInjectable);
+    });
+  });
+
+  describe("when application starts", () => {
+    let rendered: RenderResult;
+
+    beforeEach(async () => {
+      rendered = await applicationBuilder.render();
+    });
+
+    it("when multiple extensions with status bar items are loaded, shows items in correct order", () => {
+      const testExtension1 = {
+        id: "some-id",
+        name: "some-name",
+
+        rendererOptions: {
+          statusBarItems: [
+            {
+              components: {
+                Item: () => <div data-testid="some-testId">extension1</div>,
+                position: "right" as const,
+              },
+            },
+          ],
+        },
+      };
+
+      const testExtension2 = {
+        id: "some-other-id",
+        name: "some-other-name",
+
+        rendererOptions: {
+          statusBarItems: [
+            {
+              components: {
+                Item: () => <div data-testid="some-testId">extension2</div>,
+                position: "right" as const,
+              },
+            },
+          ],
+        },
+      };
+
+      applicationBuilder.extensions.enable(testExtension1, testExtension2);
+
+      const rightSide = rendered.getByTestId("status-bar-right");
+
+      const actual = getTestStatusBarTexts(rightSide, [
+        "extension1",
+        "extension2",
+      ]);
+
+      expect(actual).toEqual(["extension2", "extension1"]);
+    });
+
+    describe("when extension with status bar items is loaded", () => {
+      let testExtensionOptions: FakeExtensionOptions;
+
+      beforeEach(() => {
+        testExtensionOptions = {
+          id: "some-id",
+          name: "some-name",
+
+          rendererOptions: {
+            statusBarItems: [
+              {
+                item: () => <span data-testid="some-testId">right1</span>,
+              },
+              {
+                item: () => <span data-testid="some-testId">right2</span>,
+              },
+              {
+                components: {
+                  Item: () => <div data-testid="some-testId">right3</div>,
+                  position: "right" as const,
+                },
+              },
+              {
+                components: {
+                  Item: () => <div data-testid="some-testId">left1</div>,
+                  position: "left" as const,
+                },
+              },
+              {
+                components: {
+                  Item: () => <div data-testid="some-testId">left2</div>,
+                  position: "left" as const,
+                },
+              },
+            ],
+          },
+        };
+
+        applicationBuilder.extensions.enable(testExtensionOptions);
+      });
+
+      it("renders", () => {
+        expect(rendered.baseElement).toMatchSnapshot();
+      });
+
+      it("shows right side status bar items in the correct order", () => {
+        const rightSide = rendered.getByTestId("status-bar-right");
+
+        const actual = getTestStatusBarTexts(rightSide, [
+          "right1",
+          "right2",
+          "right3",
+        ]);
+
+        expect(actual).toEqual(["right3", "right2", "right1"]);
+      });
+
+      it("shows left side status bar items in the correct order", () => {
+        const leftSide = rendered.getByTestId("status-bar-left");
+
+        const actual = getTestStatusBarTexts(leftSide, ["left2", "left1"]);
+
+        expect(actual).toEqual(["left1", "left2"]);
+      });
+
+      it("when the extension is removed, shows there are no extension status bar items", () => {
+        applicationBuilder.extensions.disable(testExtensionOptions);
+
+        const actual = rendered.queryAllByTestId("some-testId");
+
+        expect(actual).toHaveLength(0);
+      });
+    });
+  });
+});
+
+const getTestStatusBarTexts = (actual: HTMLElement, expectedTexts: string[]) =>
+  Array.from(actual.children)
+    .map((elem) => elem.textContent)
+    .filter((elem) => elem && expectedTexts.includes(elem));
diff --git a/src/features/telemetry/emit-telemetry-from-specific-function-calls.test.ts b/src/features/telemetry/emit-telemetry-from-specific-function-calls.test.ts
new file mode 100644
index 0000000000..961647fa29
--- /dev/null
+++ b/src/features/telemetry/emit-telemetry-from-specific-function-calls.test.ts
@@ -0,0 +1,146 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { computed, runInAction } from "mobx";
+import type { DiContainer } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { getDiForUnitTesting } from "../../renderer/getDiForUnitTesting";
+import telemetryWhiteListForFunctionsInjectable from "./renderer/telemetry-white-list-for-functions.injectable";
+import emitEventInjectable from "../../common/app-event-bus/emit-event.injectable";
+
+describe("emit-telemetry-from-specific-function-calls", () => {
+  let di: DiContainer;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+  });
+
+  describe("given a telemetry white-list for injectables which instantiate a function", () => {
+    let emitEventMock: jest.Mock;
+
+    beforeEach(() => {
+      di.override(telemetryWhiteListForFunctionsInjectable, () => [
+        "some-white-listed-function",
+      ]);
+
+      emitEventMock = jest.fn();
+      di.override(emitEventInjectable, () => emitEventMock);
+    });
+
+    describe("given instances of white-listed, non-white-listed and tagged functions", () => {
+      let whiteListedFunctionMock: jest.Mock;
+      let nonWhiteListedFunctionMock: jest.Mock;
+      let taggedFunctionMock: jest.Mock;
+      let injectedWhiteListedFunction: jest.Mock;
+      let injectedNonWhiteListedFunction: jest.Mock;
+      let injectedTaggedFunction: jest.Mock;
+
+      beforeEach(() => {
+        whiteListedFunctionMock = jest.fn();
+        nonWhiteListedFunctionMock = jest.fn();
+        taggedFunctionMock = jest.fn();
+
+        const whiteListedInjectable = getInjectable({
+          id: "some-white-listed-function",
+          instantiate: () => whiteListedFunctionMock,
+        });
+
+        const nonWhiteListedInjectable = getInjectable({
+          id: "some-non-white-listed-function",
+          instantiate: () => nonWhiteListedFunctionMock,
+        });
+
+        const taggedInjectable = getInjectable({
+          id: "some-tagged-function",
+          instantiate: () => taggedFunctionMock,
+          tags: ["emit-telemetry"],
+        });
+
+        runInAction(() => {
+          di.register(whiteListedInjectable);
+          di.register(nonWhiteListedInjectable);
+          di.register(taggedInjectable);
+        });
+
+        injectedWhiteListedFunction = di.inject(whiteListedInjectable);
+        injectedNonWhiteListedFunction = di.inject(nonWhiteListedInjectable);
+        injectedTaggedFunction = di.inject(taggedInjectable);
+      });
+
+      it("telemetry is not emitted yet", () => {
+        expect(emitEventMock).not.toHaveBeenCalled();
+      });
+
+      describe("when the white-listed function is called", () => {
+        beforeEach(() => {
+          injectedWhiteListedFunction("some-arg", "some-other-arg");
+        });
+
+        it("telemetry is emitted in event bus", () => {
+          expect(emitEventMock).toHaveBeenCalledWith({
+            destination: "auto-capture",
+            action: "telemetry-from-business-action",
+            name: "some-white-listed-function",
+            params: { args: ["some-arg", "some-other-arg"] },
+          });
+        });
+      });
+
+      describe("when the white-listed function is called with MobX reactive content", () => {
+        beforeEach(() => {
+          const someComputedProperty = computed(() => "some-computed-value");
+
+          const someObservable = {
+            someStaticProperty: "some-static-value",
+            someComputedProperty,
+          };
+
+          injectedWhiteListedFunction(someObservable);
+        });
+
+        it("telemetry is emitted in event bus without MobX internals or computeds", () => {
+          expect(emitEventMock).toHaveBeenCalledWith({
+            destination: "auto-capture",
+            action: "telemetry-from-business-action",
+            name: "some-white-listed-function",
+
+            params: {
+              args: [
+                {
+                  someStaticProperty: "some-static-value",
+                  someComputedProperty: "some-computed-value",
+                },
+              ],
+            },
+          });
+        });
+      });
+
+      describe("when the non-white-listed function is called", () => {
+        beforeEach(() => {
+          injectedNonWhiteListedFunction();
+        });
+
+        it("telemetry is not emitted", () => {
+          expect(emitEventMock).not.toHaveBeenCalled();
+        });
+      });
+
+      describe("when the tagged, but not white-listed function is called", () => {
+        beforeEach(() => {
+          injectedTaggedFunction("some-arg", "some-other-arg");
+        });
+
+        it("telemetry is emitted in event bus", () => {
+          expect(emitEventMock).toHaveBeenCalledWith({
+            destination: "auto-capture",
+            action: "telemetry-from-business-action",
+            name: "some-tagged-function",
+            params: { args: ["some-arg", "some-other-arg"] },
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/src/features/telemetry/renderer/emit-telemetry.injectable.ts b/src/features/telemetry/renderer/emit-telemetry.injectable.ts
new file mode 100644
index 0000000000..f543daf843
--- /dev/null
+++ b/src/features/telemetry/renderer/emit-telemetry.injectable.ts
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import emitEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
+import { toJS, observable } from "mobx";
+
+const emitTelemetryInjectable = getInjectable({
+  id: "emit-telemetry",
+
+  instantiate: (di) => {
+    const emitEvent = di.inject(emitEventInjectable);
+
+    return ({ action, args }: { action: string; args: any[] }) => {
+      emitEvent({
+        destination: "auto-capture",
+        action: "telemetry-from-business-action",
+        name: action,
+        params: { args: toJS(observable(args)) },
+      });
+    };
+  },
+
+  decorable: false,
+});
+
+export default emitTelemetryInjectable;
diff --git a/src/features/telemetry/renderer/telemetry-decorator.injectable.ts b/src/features/telemetry/renderer/telemetry-decorator.injectable.ts
new file mode 100644
index 0000000000..e1a614660c
--- /dev/null
+++ b/src/features/telemetry/renderer/telemetry-decorator.injectable.ts
@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type {
+  DiContainerForInjection,
+  Injectable,
+} from "@ogre-tools/injectable";
+
+import {
+  lifecycleEnum,
+  getInjectable,
+  instantiationDecoratorToken,
+} from "@ogre-tools/injectable";
+import assert from "assert";
+
+import { isFunction } from "lodash/fp";
+import emitTelemetryInjectable from "./emit-telemetry.injectable";
+import telemetryWhiteListForFunctionsInjectable from "./telemetry-white-list-for-functions.injectable";
+
+const telemetryDecoratorInjectable = getInjectable({
+  id: "telemetry-decorator",
+
+  instantiate: (diForDecorator) => {
+    const emitTelemetry = diForDecorator.inject(emitTelemetryInjectable);
+
+    const whiteList = diForDecorator.inject(
+      telemetryWhiteListForFunctionsInjectable,
+    );
+
+    const shouldEmitTelemetry = shouldEmitTelemetryFor(whiteList);
+
+    return {
+      decorate:
+        (instantiateToBeDecorated: any) =>
+          (di: DiContainerForInjection, instantiationParameter: any) => {
+            const instance = instantiateToBeDecorated(di, instantiationParameter);
+
+            if (isFunction(instance)) {
+              return (...args: any[]) => {
+                const currentContext = di.context.at(-1);
+
+                assert(currentContext);
+
+                if (shouldEmitTelemetry(currentContext.injectable)) {
+                  emitTelemetry({ action: currentContext.injectable.id, args });
+                }
+
+                return instance(...args);
+              };
+            }
+
+            return instance;
+          },
+    };
+  },
+
+  decorable: false,
+  // Todo: this is required because of imperfect typing in injectable.
+  lifecycle: lifecycleEnum.singleton,
+  injectionToken: instantiationDecoratorToken,
+});
+
+const shouldEmitTelemetryFor =
+  (whiteList: string[]) => (injectable: Injectable<any, any, any>) =>
+    injectable.tags?.includes("emit-telemetry") ||
+    whiteList.includes(injectable.id);
+
+export default telemetryDecoratorInjectable;
diff --git a/src/features/telemetry/renderer/telemetry-white-list-for-functions.injectable.ts b/src/features/telemetry/renderer/telemetry-white-list-for-functions.injectable.ts
new file mode 100644
index 0000000000..3c7ac58336
--- /dev/null
+++ b/src/features/telemetry/renderer/telemetry-white-list-for-functions.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+const telemetryWhiteListForFunctionsInjectable = getInjectable({
+  id: "telemetry-white-list-for-functions",
+  instantiate: () => ["some-placeholder-injectable-id"],
+  decorable: false,
+});
+
+export default telemetryWhiteListForFunctionsInjectable;
diff --git a/src/behaviours/tray/clicking-tray-menu-item-originating-from-extension.test.ts b/src/features/tray/clicking-tray-menu-item-originating-from-extension.test.ts
similarity index 54%
rename from src/behaviours/tray/clicking-tray-menu-item-originating-from-extension.test.ts
rename to src/features/tray/clicking-tray-menu-item-originating-from-extension.test.ts
index 006760f902..e7003dd3e2 100644
--- a/src/behaviours/tray/clicking-tray-menu-item-originating-from-extension.test.ts
+++ b/src/features/tray/clicking-tray-menu-item-originating-from-extension.test.ts
@@ -2,47 +2,51 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { LensMainExtension } from "../../extensions/lens-main-extension";
-import type { TrayMenuRegistration } from "../../main/tray/tray-menu-registration";
 import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
 import loggerInjectable from "../../common/logger.injectable";
 import type { Logger } from "../../common/logger";
+import type { FakeExtensionOptions } from "../../renderer/components/test-utils/get-extension-fake";
+import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
 
 describe("clicking tray menu item originating from extension", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
   let logErrorMock: jest.Mock;
 
   beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       logErrorMock = jest.fn();
 
       mainDi.override(loggerInjectable, () => ({ error: logErrorMock }) as unknown as Logger);
+      mainDi.override(getRandomIdInjectable, () => () => "some-random-id");
     });
 
-    await applicationBuilder.render();
+    await builder.render();
   });
 
   describe("when extension is enabled", () => {
-    let someExtension: SomeTestExtension;
+    let someExtension: FakeExtensionOptions;
     let clickMock: jest.Mock;
 
     beforeEach(() => {
       clickMock = jest.fn();
 
-      someExtension = new SomeTestExtension({
+      someExtension = {
         id: "some-extension-id",
-        trayMenus: [{ label: "some-label", click: clickMock }],
-      });
+        name: "some-extension-name",
+        mainOptions: {
+          trayMenus: [{ label: "some-label", click: clickMock }],
+        },
+      };
 
-      applicationBuilder.extensions.main.enable(someExtension);
+      builder.extensions.enable(someExtension);
     });
 
     it("when item is clicked, triggers the click handler", () => {
-      applicationBuilder.tray.click(
-        "some-label-tray-menu-item-for-extension-some-extension-id",
+      builder.tray.click(
+        "some-random-id-tray-menu-item-for-extension-some-extension-name",
       );
 
       expect(clickMock).toHaveBeenCalled();
@@ -54,14 +58,14 @@ describe("clicking tray menu item originating from extension", () => {
           throw new Error("some-error");
         });
 
-        applicationBuilder.tray.click(
-          "some-label-tray-menu-item-for-extension-some-extension-id",
+        builder.tray.click(
+          "some-random-id-tray-menu-item-for-extension-some-extension-name",
         );
       });
 
       it("logs the error", () => {
         expect(logErrorMock).toHaveBeenCalledWith(
-          '[TRAY]: Clicking of tray item "some-label" from extension "some-extension-id" failed.',
+          '[TRAY]: Clicking of tray item "some-random-id" from extension "some-extension-name" failed.',
           expect.any(Error),
         );
       });
@@ -71,14 +75,14 @@ describe("clicking tray menu item originating from extension", () => {
       beforeEach(() => {
         clickMock.mockImplementation(() => Promise.reject("some-rejection"));
 
-        applicationBuilder.tray.click(
-          "some-label-tray-menu-item-for-extension-some-extension-id",
+        builder.tray.click(
+          "some-random-id-tray-menu-item-for-extension-some-extension-name",
         );
       });
 
       it("logs the error", () => {
         expect(logErrorMock).toHaveBeenCalledWith(
-          '[TRAY]: Clicking of tray item "some-label" from extension "some-extension-id" failed.',
+          '[TRAY]: Clicking of tray item "some-random-id" from extension "some-extension-name" failed.',
           "some-rejection",
         );
       });
@@ -86,47 +90,27 @@ describe("clicking tray menu item originating from extension", () => {
 
     describe("when extension is disabled", () => {
       beforeEach(() => {
-        applicationBuilder.extensions.main.disable(someExtension);
+        builder.extensions.disable(someExtension);
       });
 
       it("does not have the tray menu item from extension", () => {
         expect(
-          applicationBuilder.tray.get(
-            "some-label-tray-menu-item-for-extension-some-extension-id",
+          builder.tray.get(
+            "some-random-id-tray-menu-item-for-extension-some-extension-name",
           ),
         ).toBeNull();
       });
 
       // Note: Motivation here is to make sure that enabling same extension does not throw
       it("when extension is re-enabled, has the tray menu item from extension", async () => {
-        await applicationBuilder.extensions.main.enable(someExtension);
+        await builder.extensions.enable(someExtension);
 
         expect(
-          applicationBuilder.tray.get(
-            "some-label-tray-menu-item-for-extension-some-extension-id",
+          builder.tray.get(
+            "some-random-id-tray-menu-item-for-extension-some-extension-name",
           ),
         ).not.toBeNull();
       });
     });
-
   });
 });
-
-class SomeTestExtension extends LensMainExtension {
-  constructor({ id, trayMenus }: {
-     id: string;
-     trayMenus: TrayMenuRegistration[];
-   }) {
-    super({
-      id,
-      absolutePath: "irrelevant",
-      isBundled: false,
-      isCompatible: false,
-      isEnabled: false,
-      manifest: { name: id, version: "some-version", engines: { lens: "^5.5.0" }},
-      manifestPath: "irrelevant",
-    });
-
-    this.trayMenus = trayMenus;
-  }
-}
diff --git a/src/features/tray/extension-adding-tray-items.test.tsx b/src/features/tray/extension-adding-tray-items.test.tsx
new file mode 100644
index 0000000000..5d2efbe37b
--- /dev/null
+++ b/src/features/tray/extension-adding-tray-items.test.tsx
@@ -0,0 +1,193 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { IObservableValue } from "mobx";
+import { computed, runInAction, observable } from "mobx";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("preferences: extension adding tray items", () => {
+  describe("when extension with tray items is enabled", () => {
+    let builder: ApplicationBuilder;
+    let someObservableForVisibility: IObservableValue<boolean>;
+    let someObservableForEnabled: IObservableValue<boolean>;
+    let someObservableLabel: IObservableValue<string>;
+
+    beforeEach(async () => {
+      builder = getApplicationBuilder();
+
+      await builder.render();
+
+      builder.preferences.navigate();
+
+      someObservableForVisibility = observable.box(false);
+      someObservableForEnabled = observable.box(false);
+      someObservableLabel = observable.box("Some label");
+
+      const testExtension = {
+        id: "some-extension-id",
+        name: "some-extension",
+
+        mainOptions: {
+          trayMenus: [
+            {
+              id: "some-controlled-visibility",
+              label: "some-controlled-visibility",
+              click: () => {},
+              visible: computed(() => someObservableForVisibility.get()),
+            },
+
+            {
+              id: "some-uncontrolled-visibility",
+              label: "some-uncontrolled-visibility",
+              click: () => {},
+            },
+
+            {
+              id: "some-controlled-enabled",
+              label: "some-controlled-enabled",
+              click: () => {},
+              enabled: computed(() => someObservableForEnabled.get()),
+            },
+
+            {
+              id: "some-uncontrolled-enabled",
+              label: "some-uncontrolled-enabled",
+              click: () => {},
+            },
+
+            {
+              id: "some-statically-enabled",
+              label: "some-statically-enabled",
+              click: () => {},
+              enabled: true,
+            },
+
+            {
+              id: "some-statically-disabled",
+              label: "some-statically-disabled",
+              click: () => {},
+              enabled: false,
+            },
+
+            {
+              id: "some-item-with-controlled-label",
+              label: computed(() => someObservableLabel.get()),
+              click: () => {},
+              enabled: true,
+            },
+          ],
+        },
+      };
+
+      builder.extensions.enable(testExtension);
+    });
+
+    describe("given controlled label", () => {
+      it("has the label", () => {
+        const item = builder.tray.get(
+          "some-item-with-controlled-label-tray-menu-item-for-extension-some-extension",
+        );
+
+        expect(item?.label).toBe("Some label");
+      });
+
+      it("when label changes, updates the label", () => {
+        runInAction(() => {
+          someObservableLabel.set("Some new label");
+        });
+
+        const item = builder.tray.get(
+          "some-item-with-controlled-label-tray-menu-item-for-extension-some-extension",
+        );
+
+        expect(item?.label).toBe("Some new label");
+
+      });
+    });
+
+    it("given item is statically disabled, item is disabled", () => {
+      const item = builder.tray.get(
+        "some-statically-disabled-tray-menu-item-for-extension-some-extension",
+      );
+
+      expect(item?.enabled).toBe(false);
+    });
+
+    it("shows item which doesn't control the visibility", () => {
+      expect(
+        builder.tray.get(
+          "some-uncontrolled-visibility-tray-menu-item-for-extension-some-extension",
+        ),
+      ).not.toBeNull();
+    });
+
+    it("does not show hidden item", () => {
+      expect(
+        builder.tray.get(
+          "some-controlled-visibility-tray-menu-item-for-extension-some-extension",
+        ),
+      ).toBeNull();
+    });
+
+    it("when item becomes visible, shows the item", () => {
+      runInAction(() => {
+        someObservableForVisibility.set(true);
+      });
+
+      expect(
+        builder.tray.get(
+          "some-controlled-visibility-tray-menu-item-for-extension-some-extension",
+        ),
+      ).not.toBeNull();
+    });
+
+
+    it("given item does not have enabled status, item is enabled by default", () => {
+      const item = builder.tray.get(
+        "some-uncontrolled-enabled-tray-menu-item-for-extension-some-extension",
+      );
+
+      expect(item?.enabled).toBe(true);
+    });
+
+    describe("given item has controlled enabled status and is disabled", () => {
+      it("is disabled", () => {
+        const item = builder.tray.get(
+          "some-controlled-enabled-tray-menu-item-for-extension-some-extension",
+        );
+
+        expect(item?.enabled).toBe(false);
+      });
+
+      it("when item becomes enabled, items is enabled", () => {
+        runInAction(() => {
+          someObservableForEnabled.set(true);
+        });
+
+        const item = builder.tray.get(
+          "some-controlled-enabled-tray-menu-item-for-extension-some-extension",
+        );
+
+        expect(item?.enabled).toBe(true);
+      });
+    });
+
+    it("given item is statically enabled, item is enabled", () => {
+      const item = builder.tray.get(
+        "some-statically-enabled-tray-menu-item-for-extension-some-extension",
+      );
+
+      expect(item?.enabled).toBe(true);
+    });
+
+    it("given item is statically disabled, item is disabled", () => {
+      const item = builder.tray.get(
+        "some-statically-disabled-tray-menu-item-for-extension-some-extension",
+      );
+
+      expect(item?.enabled).toBe(false);
+    });
+  });
+});
diff --git a/src/features/tray/multiple-separators-originating-from-extension.test.ts b/src/features/tray/multiple-separators-originating-from-extension.test.ts
new file mode 100644
index 0000000000..fd21d78bae
--- /dev/null
+++ b/src/features/tray/multiple-separators-originating-from-extension.test.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
+
+describe("multiple separators originating from extension", () => {
+  let builder: ApplicationBuilder;
+
+  beforeEach(async () => {
+    builder = getApplicationBuilder();
+
+    builder.beforeApplicationStart((mainDi) => {
+      mainDi.unoverride(getRandomIdInjectable);
+      mainDi.permitSideEffects(getRandomIdInjectable);
+    });
+
+    await builder.render();
+  });
+
+  it("given extension with multiple separators, when extension is enabled, does not throw", () => {
+    const someExtension = {
+      id: "some-extension-id",
+      name: "some-extension",
+
+      mainOptions: {
+        trayMenus: [{ type: "separator" as const }, { type: "separator" as const } ],
+      },
+    };
+
+    expect(() => {
+      builder.extensions.enable(someExtension);
+    }).not.toThrow();
+  });
+});
diff --git a/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap b/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
new file mode 100644
index 0000000000..acbf6c0515
--- /dev/null
+++ b/src/features/welcome/__snapshots__/navigation-using-application-menu.test.ts.snap
@@ -0,0 +1,1041 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`welcome - navigation using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
+
+exports[`welcome - navigation using application menu when navigated somewhere else renders 1`] = `
+<body>
+  <div>
+    <div
+      class="ClusterManager"
+    >
+      <div
+        class="topBar"
+      >
+        <div
+          class="items"
+        >
+          <i
+            class="Icon material interactive focusable"
+            data-testid="home-button"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="home"
+            >
+              home
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-back"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_back"
+            >
+              arrow_back
+            </span>
+          </i>
+          <i
+            class="Icon material interactive disabled focusable"
+            data-testid="history-forward"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_forward"
+            >
+              arrow_forward
+            </span>
+          </i>
+        </div>
+        <div
+          class="items"
+        />
+      </div>
+      <main>
+        <div
+          id="lens-views"
+        />
+        <div
+          class="SettingLayout showNavigation Preferences"
+          data-testid="application-preferences-page"
+        >
+          <nav
+            class="sidebarRegion"
+          >
+            <div
+              class="sidebar"
+            >
+              <div
+                class="Tabs flex column"
+              >
+                <div
+                  class="header"
+                >
+                  Preferences
+                </div>
+                <div
+                  class="Tab flex gaps align-center active"
+                  data-testid="tab-link-for-application"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    App
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-proxy"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Proxy
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-kubernetes"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Kubernetes
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-editor"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Editor
+                  </div>
+                </div>
+                <div
+                  class="Tab flex gaps align-center"
+                  data-testid="tab-link-for-terminal"
+                  role="tab"
+                  tabindex="0"
+                >
+                  <div
+                    class="label"
+                  >
+                    Terminal
+                  </div>
+                </div>
+              </div>
+            </div>
+          </nav>
+          <div
+            class="contentRegion"
+            id="ScrollSpyRoot"
+          >
+            <div
+              class="content"
+            >
+              <section
+                id="application"
+              >
+                <h2
+                  data-testid="application-header"
+                >
+                  Application
+                </h2>
+                <section
+                  id="appearance"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Theme
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-theme-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-theme-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-theme-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="theme-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="extensionRegistryUrl"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Extension Install Registry
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-extension-install-registry-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-extension-install-registry-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-extension-install-registry-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="extension-install-registry-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  <p
+                    class="mt-4 mb-5 leading-relaxed"
+                  >
+                    This setting is to change the registry URL for installing extensions by name. 
+                    If you are unable to access the default registry (https://registry.npmjs.org) you can change it in your 
+                    <b>
+                      .npmrc
+                    </b>
+                     file or in the input below.
+                  </p>
+                  <div
+                    class="Input theme round black disabled invalid"
+                  >
+                    <label
+                      class="input-area flex gaps align-center"
+                      id=""
+                    >
+                      <input
+                        class="input box grow"
+                        disabled=""
+                        placeholder="Custom Extension Registry URL..."
+                        spellcheck="false"
+                        value="some-custom-url"
+                      />
+                    </label>
+                    <div
+                      class="input-info flex gaps"
+                    />
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="other"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Start-up
+                     
+                  </div>
+                  <label
+                    class="Switch"
+                    data-testid="switch"
+                  >
+                    Automatically start Lens on login
+                    <input
+                      role="switch"
+                      type="checkbox"
+                    />
+                  </label>
+                </section>
+                <hr />
+                <section
+                  id="update-channel"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Update Channel
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-update-channel-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container Select__value-container--has-value css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__single-value css-qc6sy-singleValue"
+                        >
+                          Stable
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="update-channel-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+                <hr />
+                <section
+                  id="locale"
+                >
+                  <div
+                    class="SubTitle"
+                  >
+                    Locale Timezone
+                     
+                  </div>
+                  <div
+                    class="Select theme-lens css-b62m3t-container"
+                  >
+                    <span
+                      class="css-1f43avz-a11yText-A11yText"
+                      id="react-select-timezone-input-live-region"
+                    />
+                    <span
+                      aria-atomic="false"
+                      aria-live="polite"
+                      aria-relevant="additions text"
+                      class="css-1f43avz-a11yText-A11yText"
+                    />
+                    <div
+                      class="Select__control css-1s2u09g-control"
+                    >
+                      <div
+                        class="Select__value-container css-319lph-ValueContainer"
+                      >
+                        <div
+                          class="Select__placeholder css-14el2xx-placeholder"
+                          id="react-select-timezone-input-placeholder"
+                        >
+                          Select...
+                        </div>
+                        <div
+                          class="Select__input-container css-6j8wv5-Input"
+                          data-value=""
+                        >
+                          <input
+                            aria-autocomplete="list"
+                            aria-describedby="react-select-timezone-input-placeholder"
+                            aria-expanded="false"
+                            aria-haspopup="true"
+                            autocapitalize="none"
+                            autocomplete="off"
+                            autocorrect="off"
+                            class="Select__input"
+                            id="timezone-input"
+                            role="combobox"
+                            spellcheck="false"
+                            style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                            tabindex="0"
+                            type="text"
+                            value=""
+                          />
+                        </div>
+                      </div>
+                      <div
+                        class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+                      >
+                        <span
+                          class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+                        />
+                        <div
+                          aria-hidden="true"
+                          class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+                        >
+                          <svg
+                            aria-hidden="true"
+                            class="css-tj5bde-Svg"
+                            focusable="false"
+                            height="20"
+                            viewBox="0 0 20 20"
+                            width="20"
+                          >
+                            <path
+                              d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                            />
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </section>
+              </section>
+            </div>
+            <div
+              class="toolsRegion"
+            >
+              <div
+                class="fixed top-[60px]"
+              >
+                <div
+                  data-testid="close-preferences"
+                >
+                  <div
+                    aria-label="Close"
+                    class="closeButton"
+                    role="button"
+                  >
+                    <i
+                      class="Icon icon material focusable"
+                    >
+                      <span
+                        class="icon"
+                        data-icon-name="close"
+                      >
+                        close
+                      </span>
+                    </i>
+                  </div>
+                  <div
+                    aria-hidden="true"
+                    class="esc"
+                  >
+                    ESC
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </main>
+      <div
+        class="HotbarMenu flex column"
+      >
+        <div
+          class="HotbarItems flex column gaps"
+        />
+        <div
+          class="HotbarSelector"
+        >
+          <i
+            class="Icon Icon previous material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_left"
+            >
+              arrow_left
+            </span>
+          </i>
+          <div
+            class="HotbarIndex"
+          >
+            <div
+              class="badge Badge small clickable"
+              id="hotbarIndex"
+            >
+              0
+            </div>
+          </div>
+          <i
+            class="Icon material interactive focusable"
+            tabindex="0"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_right"
+            >
+              arrow_right
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="StatusBar"
+      >
+        <div
+          class="leftSide"
+          data-testid="status-bar-left"
+        />
+        <div
+          class="rightSide"
+          data-testid="status-bar-right"
+        />
+      </div>
+    </div>
+    <div
+      class="Notifications flex column align-flex-end"
+    />
+  </div>
+</body>
+`;
+
+exports[`welcome - navigation using application menu when navigated somewhere else when navigated to welcome using application menu renders 1`] = `
+<div>
+  <div
+    class="ClusterManager"
+  >
+    <div
+      class="topBar"
+    >
+      <div
+        class="items"
+      >
+        <i
+          class="Icon material interactive focusable"
+          data-testid="home-button"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="home"
+          >
+            home
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-back"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_back"
+          >
+            arrow_back
+          </span>
+        </i>
+        <i
+          class="Icon material interactive disabled focusable"
+          data-testid="history-forward"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_forward"
+          >
+            arrow_forward
+          </span>
+        </i>
+      </div>
+      <div
+        class="items"
+      />
+    </div>
+    <main>
+      <div
+        id="lens-views"
+      />
+      <div
+        class="flex justify-center Welcome align-center"
+        data-testid="welcome-page"
+      >
+        <div
+          data-testid="welcome-banner-container"
+          style="width: 320px;"
+        >
+          <i
+            class="Icon logo svg focusable"
+          >
+            <span
+              class="icon"
+            />
+          </i>
+          <div
+            class="flex justify-center"
+          >
+            <div
+              data-testid="welcome-text-container"
+              style="width: 320px;"
+            >
+              <h2>
+                Welcome to OpenLens!
+              </h2>
+              <p>
+                To get you started we have auto-detected your clusters in your
+                 
+                kubeconfig file and added them to the catalog, your centralized
+                 
+                view for managing all your cloud-native resources.
+                <br />
+                <br />
+                If you have any questions or feedback, please join our 
+                <a
+                  class="link"
+                  href="https://join.slack.com/t/k8slens/shared_invite/zt-wcl8jq3k-68R5Wcmk1o95MLBE5igUDQ"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Lens Community slack channel
+                </a>
+                .
+              </p>
+              <ul
+                class="block"
+                data-testid="welcome-menu-container"
+                style="width: 320px;"
+              >
+                <li
+                  class="flex grid-12"
+                >
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="view_list"
+                    >
+                      view_list
+                    </span>
+                  </i>
+                  <a
+                    class="box col-10"
+                  >
+                    Browse Clusters in Catalog
+                  </a>
+                  <i
+                    class="Icon box col-1 material focusable"
+                  >
+                    <span
+                      class="icon"
+                      data-icon-name="navigate_next"
+                    >
+                      navigate_next
+                    </span>
+                  </i>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+    <div
+      class="HotbarMenu flex column"
+    >
+      <div
+        class="HotbarItems flex column gaps"
+      />
+      <div
+        class="HotbarSelector"
+      >
+        <i
+          class="Icon Icon previous material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_left"
+          >
+            arrow_left
+          </span>
+        </i>
+        <div
+          class="HotbarIndex"
+        >
+          <div
+            class="badge Badge small clickable"
+            id="hotbarIndex"
+          >
+            0
+          </div>
+        </div>
+        <i
+          class="Icon material interactive focusable"
+          tabindex="0"
+        >
+          <span
+            class="icon"
+            data-icon-name="arrow_right"
+          >
+            arrow_right
+          </span>
+        </i>
+      </div>
+    </div>
+    <div
+      class="StatusBar"
+    >
+      <div
+        class="leftSide"
+        data-testid="status-bar-left"
+      />
+      <div
+        class="rightSide"
+        data-testid="status-bar-right"
+      />
+    </div>
+  </div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
+</div>
+`;
diff --git a/src/features/welcome/navigation-using-application-menu.test.ts b/src/features/welcome/navigation-using-application-menu.test.ts
new file mode 100644
index 0000000000..1be9aa1d3a
--- /dev/null
+++ b/src/features/welcome/navigation-using-application-menu.test.ts
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RenderResult } from "@testing-library/react";
+import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
+
+describe("welcome - navigation using application menu", () => {
+  let applicationBuilder: ApplicationBuilder;
+  let rendered: RenderResult;
+
+  beforeEach(async () => {
+    applicationBuilder = getApplicationBuilder();
+
+    rendered = await applicationBuilder.render();
+  });
+
+  it("renders", () => {
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("shows welcome page being front page", () => {
+    const actual = rendered.getByTestId("welcome-page");
+
+    expect(actual).not.toBeNull();
+  });
+
+  describe("when navigated somewhere else", () => {
+    beforeEach(() => {
+      applicationBuilder.applicationMenu.click("root.preferences");
+    });
+
+    it("renders", () => {
+      expect(rendered.baseElement).toMatchSnapshot();
+    });
+
+    it("does not show welcome page", () => {
+      const actual = rendered.queryByTestId("welcome-page");
+
+      expect(actual).toBeNull();
+    });
+
+    describe("when navigated to welcome using application menu", () => {
+      beforeEach(() => {
+        applicationBuilder.applicationMenu.click("help.welcome");
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("shows welcome page", () => {
+        const actual = rendered.getByTestId("welcome-page");
+
+        expect(actual).not.toBeNull();
+      });
+    });
+  });
+});
diff --git a/src/jest-28-resolver.js b/src/jest-28-resolver.js
index 46a94a5288..9ee76fd788 100644
--- a/src/jest-28-resolver.js
+++ b/src/jest-28-resolver.js
@@ -21,9 +21,12 @@ module.exports = (path, options) => {
       // Once we're able to migrate our Jest config to ESM and a browser crypto
       // implementation is available for the browser+ESM version of uuid to use (eg, via
       // https://github.com/jsdom/jsdom/pull/3352 or a similar polyfill), this can go away.
-      if (pkg.name === "uuid") {
-        delete pkg["exports"];
-        delete pkg["module"];
+      switch (pkg.name) {
+        case "uuid":
+        case "jose":
+          delete pkg["exports"];
+          delete pkg["module"];
+          break;
       }
 
       return pkg;
diff --git a/src/jest.setup.ts b/src/jest.setup.ts
index 2ab9b1b52d..eb1e801f72 100644
--- a/src/jest.setup.ts
+++ b/src/jest.setup.ts
@@ -7,6 +7,9 @@ import fetchMock from "jest-fetch-mock";
 import configurePackages from "./common/configure-packages";
 import { configure } from "mobx";
 import { setImmediate } from "timers";
+import { TextEncoder, TextDecoder as TextDecoderNode } from "util";
+import glob from "glob";
+import path from "path";
 
 // setup default configuration for external npm-packages
 configurePackages();
@@ -32,3 +35,30 @@ global.fail = ((error = "Test failed without explicit error") => {
 process.on("unhandledRejection", (err: any) => {
   global.fail(err);
 });
+
+global.TextEncoder = TextEncoder;
+global.TextDecoder = TextDecoderNode as unknown as typeof TextDecoder;
+
+global.ResizeObserver = class {
+  observe = () => {};
+  unobserve = () => {};
+  disconnect = () => {};
+};
+
+jest.mock("./renderer/components/monaco-editor/monaco-editor");
+jest.mock("./renderer/components/tooltip/withTooltip");
+
+const getInjectables = (environment: "renderer" | "main", filePathGlob: string) => [
+  ...glob.sync(`./{common,extensions,${environment}}/**/${filePathGlob}`, {
+    cwd: __dirname,
+  }),
+
+  ...glob.sync(`./features/**/{${environment},common}/**/${filePathGlob}`, {
+    cwd: __dirname,
+  }),
+].map(x => path.resolve(__dirname, x));
+
+(global as any).rendererInjectablePaths = getInjectables("renderer", "*.injectable.{ts,tsx}");
+(global as any).rendererGlobalOverridePaths = getInjectables("renderer", "*.global-override-for-injectable.{ts,tsx}");
+(global as any).mainInjectablePaths = getInjectables("main", "*.injectable.{ts,tsx}");
+(global as any).mainGlobalOverridePaths = getInjectables("main", "*.global-override-for-injectable.{ts,tsx}");
diff --git a/src/jest.timezone.ts b/src/jest.timezone.ts
new file mode 100644
index 0000000000..ec39a810e3
--- /dev/null
+++ b/src/jest.timezone.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+// Setting the timezone to UTC to ensure same timezone for CI and local environments
+module.exports = async () => {
+  process.env.TZ = "UTC";
+};
+
+export {};
diff --git a/src/main/__test__/cluster.test.ts b/src/main/__test__/cluster.test.ts
index 5e42c8e5fe..0244141ab3 100644
--- a/src/main/__test__/cluster.test.ts
+++ b/src/main/__test__/cluster.test.ts
@@ -2,11 +2,7 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-
-jest.mock("../../common/ipc");
-jest.mock("request");
-jest.mock("request-promise-native");
-
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
 import { Console } from "console";
 import type { Cluster } from "../../common/cluster/cluster";
 import { Kubectl } from "../kubectl/kubectl";
@@ -41,6 +37,7 @@ describe("create clusters", () => {
     di.override(kubectlBinaryNameInjectable, () => "kubectl");
     di.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
     di.override(normalizedPlatformInjectable, () => "darwin");
+    di.override(broadcastMessageInjectable, () => async () => {});
     di.override(authorizationReviewInjectable, () => () => () => Promise.resolve(true));
     di.override(listNamespacesInjectable, () => () => () => Promise.resolve([ "default" ]));
     di.override(createContextHandlerInjectable, () => (cluster) => ({
diff --git a/src/main/__test__/kube-auth-proxy.test.ts b/src/main/__test__/kube-auth-proxy.test.ts
index ffb1892da2..47064ec215 100644
--- a/src/main/__test__/kube-auth-proxy.test.ts
+++ b/src/main/__test__/kube-auth-proxy.test.ts
@@ -3,45 +3,13 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-jest.mock("winston", () => ({
-  format: {
-    colorize: jest.fn(),
-    combine: jest.fn(),
-    simple: jest.fn(),
-    label: jest.fn(),
-    timestamp: jest.fn(),
-    printf: jest.fn(),
-    padLevels: jest.fn(),
-    ms: jest.fn(),
-    splat: jest.fn(),
-  },
-  createLogger: jest.fn().mockReturnValue({
-    silly: jest.fn(),
-    debug: jest.fn(),
-    log: jest.fn(),
-    info: jest.fn(),
-    error: jest.fn(),
-    crit: jest.fn(),
-  }),
-  transports: {
-    Console: jest.fn(),
-    File: jest.fn(),
-  },
-}));
-
-jest.mock("../../common/ipc");
-jest.mock("child_process");
-jest.mock("tcp-port-used");
-
+import waitUntilPortIsUsedInjectable from "../kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.injectable";
 import type { Cluster } from "../../common/cluster/cluster";
 import type { KubeAuthProxy } from "../kube-auth-proxy/kube-auth-proxy";
-import { broadcastMessage } from "../../common/ipc";
 import type { ChildProcess } from "child_process";
-import { spawn } from "child_process";
 import { Kubectl } from "../kubectl/kubectl";
 import type { DeepMockProxy } from "jest-mock-extended";
 import { mockDeep, mock } from "jest-mock-extended";
-import { waitUntilUsed } from "tcp-port-used";
 import type { Readable } from "stream";
 import { EventEmitter } from "stream";
 import { Console } from "console";
@@ -54,23 +22,23 @@ import { createClusterInjectionToken } from "../../common/cluster/create-cluster
 import path from "path";
 import spawnInjectable from "../child-process/spawn.injectable";
 import getConfigurationFileModelInjectable from "../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../common/get-configuration-file-model/app-version/app-version.injectable";
 import directoryForUserDataInjectable from "../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import directoryForTempInjectable from "../../common/app-paths/directory-for-temp/directory-for-temp.injectable";
 import normalizedPlatformInjectable from "../../common/vars/normalized-platform.injectable";
 import kubectlBinaryNameInjectable from "../kubectl/binary-name.injectable";
 import kubectlDownloadingNormalizedArchInjectable from "../kubectl/normalized-arch.injectable";
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
 
 console = new Console(stdout, stderr);
 
-const mockBroadcastIpc = broadcastMessage as jest.MockedFunction<typeof broadcastMessage>;
-const mockSpawn = spawn as jest.MockedFunction<typeof spawn>;
-const mockWaitUntilUsed = waitUntilUsed as jest.MockedFunction<typeof waitUntilUsed>;
 const clusterServerUrl = "https://192.168.64.3:8443";
 
 describe("kube auth proxy tests", () => {
   let createCluster: CreateCluster;
   let createKubeAuthProxy: (cluster: Cluster, environmentVariables: NodeJS.ProcessEnv) => KubeAuthProxy;
+  let spawnMock: jest.Mock;
+  let waitUntilPortIsUsedMock: jest.Mock;
+  let broadcastMessageMock: jest.Mock;
 
   beforeEach(async () => {
     jest.clearAllMocks();
@@ -106,13 +74,20 @@ describe("kube auth proxy tests", () => {
     di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
     di.override(directoryForTempInjectable, () => "some-directory-for-temp");
 
-    di.override(spawnInjectable, () => mockSpawn);
+    spawnMock = jest.fn();
+    di.override(spawnInjectable, () => spawnMock);
+
+    waitUntilPortIsUsedMock = jest.fn();
+    di.override(waitUntilPortIsUsedInjectable, () => waitUntilPortIsUsedMock);
+
+    broadcastMessageMock = jest.fn();
+    di.override(broadcastMessageInjectable, () => broadcastMessageMock);
+
     di.override(kubectlBinaryNameInjectable, () => "kubectl");
     di.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
     di.override(normalizedPlatformInjectable, () => "darwin");
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     mockFs(mockMinikubeConfig);
 
@@ -213,12 +188,12 @@ describe("kube auth proxy tests", () => {
 
         return stdout;
       });
-      mockSpawn.mockImplementationOnce((command: string): ChildProcess => {
+      spawnMock.mockImplementationOnce((command: string): ChildProcess => {
         expect(path.basename(command).split(".")[0]).toBe("lens-k8s-proxy");
 
         return mockedCP;
       });
-      mockWaitUntilUsed.mockReturnValueOnce(Promise.resolve());
+      waitUntilPortIsUsedMock.mockReturnValueOnce(Promise.resolve());
 
       const cluster = createCluster({
         id: "foobar",
@@ -235,34 +210,34 @@ describe("kube auth proxy tests", () => {
       await proxy.run();
       listeners.emit("error", { message: "foobarbat" });
 
-      expect(mockBroadcastIpc).toBeCalledWith("cluster:foobar:connection-update", { message: "foobarbat", isError: true });
+      expect(broadcastMessageMock).toBeCalledWith("cluster:foobar:connection-update", { message: "foobarbat", isError: true });
     });
 
     it("should call spawn and broadcast exit", async () => {
       await proxy.run();
       listeners.emit("exit", 0);
 
-      expect(mockBroadcastIpc).toBeCalledWith("cluster:foobar:connection-update", { message: "proxy exited with code: 0", isError: false });
+      expect(broadcastMessageMock).toBeCalledWith("cluster:foobar:connection-update", { message: "proxy exited with code: 0", isError: false });
     });
 
     it("should call spawn and broadcast errors from stderr", async () => {
       await proxy.run();
       listeners.emit("stderr/data", "an error");
 
-      expect(mockBroadcastIpc).toBeCalledWith("cluster:foobar:connection-update", { message: "an error", isError: true });
+      expect(broadcastMessageMock).toBeCalledWith("cluster:foobar:connection-update", { message: "an error", isError: true });
     });
 
     it("should call spawn and broadcast stdout serving info", async () => {
       await proxy.run();
 
-      expect(mockBroadcastIpc).toBeCalledWith("cluster:foobar:connection-update", { message: "Authentication proxy started", isError: false });
+      expect(broadcastMessageMock).toBeCalledWith("cluster:foobar:connection-update", { message: "Authentication proxy started", isError: false });
     });
 
     it("should call spawn and broadcast stdout other info", async () => {
       await proxy.run();
       listeners.emit("stdout/data", "some info");
 
-      expect(mockBroadcastIpc).toBeCalledWith("cluster:foobar:connection-update", { message: "some info", isError: false });
+      expect(broadcastMessageMock).toBeCalledWith("cluster:foobar:connection-update", { message: "some info", isError: false });
     });
   });
 });
diff --git a/src/main/application-update/check-for-updates-tray-item.injectable.ts b/src/main/application-update/check-for-updates-tray-item.injectable.ts
index 29f39fa9d5..82bdbfbbd4 100644
--- a/src/main/application-update/check-for-updates-tray-item.injectable.ts
+++ b/src/main/application-update/check-for-updates-tray-item.injectable.ts
@@ -59,9 +59,11 @@ const checkForUpdatesTrayItemInjectable = getInjectable({
 
       click: pipeline(
         async () => {
-          await processCheckingForUpdates("tray");
+          const { updateIsReadyToBeInstalled } = await processCheckingForUpdates("tray");
 
-          await showApplicationWindow();
+          if (updateIsReadyToBeInstalled) {
+            await showApplicationWindow();
+          }
         },
 
         withErrorLoggingFor(() => "[TRAY]: Checking for updates failed."),
diff --git a/src/main/application-update/check-for-updates/broadcast-change-in-updating-status.injectable.ts b/src/main/application-update/check-for-updates/broadcast-change-in-updating-status.injectable.ts
deleted file mode 100644
index 7e9257e966..0000000000
--- a/src/main/application-update/check-for-updates/broadcast-change-in-updating-status.injectable.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { ApplicationUpdateStatusChannelMessage } from "../../../common/application-update/application-update-status-channel.injectable";
-import { messageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
-import applicationUpdateStatusChannelInjectable from "../../../common/application-update/application-update-status-channel.injectable";
-
-const broadcastChangeInUpdatingStatusInjectable = getInjectable({
-  id: "broadcast-change-in-updating-status",
-
-  instantiate: (di) => {
-    const messageToChannel = di.inject(messageToChannelInjectionToken);
-    const applicationUpdateStatusChannel = di.inject(applicationUpdateStatusChannelInjectable);
-
-    return (data: ApplicationUpdateStatusChannelMessage) => {
-      messageToChannel(applicationUpdateStatusChannel, data);
-    };
-  },
-});
-
-export default broadcastChangeInUpdatingStatusInjectable;
diff --git a/src/main/application-update/check-for-updates/process-checking-for-updates.injectable.ts b/src/main/application-update/check-for-updates/process-checking-for-updates.injectable.ts
index a7066468da..b669c6a2ea 100644
--- a/src/main/application-update/check-for-updates/process-checking-for-updates.injectable.ts
+++ b/src/main/application-update/check-for-updates/process-checking-for-updates.injectable.ts
@@ -7,28 +7,20 @@ import selectedUpdateChannelInjectable from "../../../common/application-update/
 import updatesAreBeingDiscoveredInjectable from "../../../common/application-update/updates-are-being-discovered/updates-are-being-discovered.injectable";
 import discoveredUpdateVersionInjectable from "../../../common/application-update/discovered-update-version/discovered-update-version.injectable";
 import { runInAction } from "mobx";
-import askBooleanInjectable from "../../ask-boolean/ask-boolean.injectable";
 import downloadUpdateInjectable from "../download-update/download-update.injectable";
-import broadcastChangeInUpdatingStatusInjectable from "./broadcast-change-in-updating-status.injectable";
 import checkForUpdatesStartingFromChannelInjectable from "./check-for-updates-starting-from-channel.injectable";
-import withOrphanPromiseInjectable from "../../../common/utils/with-orphan-promise/with-orphan-promise.injectable";
 import emitEventInjectable from "../../../common/app-event-bus/emit-event.injectable";
 import { getCurrentDateTime } from "../../../common/utils/date/get-current-date-time";
-import quitAndInstallUpdateInjectable from "../quit-and-install-update.injectable";
 
 const processCheckingForUpdatesInjectable = getInjectable({
   id: "process-checking-for-updates",
 
   instantiate: (di) => {
-    const askBoolean = di.inject(askBooleanInjectable);
-    const quitAndInstallUpdate = di.inject(quitAndInstallUpdateInjectable);
     const downloadUpdate = di.inject(downloadUpdateInjectable);
     const selectedUpdateChannel = di.inject(selectedUpdateChannelInjectable);
-    const broadcastChangeInUpdatingStatus = di.inject(broadcastChangeInUpdatingStatusInjectable);
     const checkingForUpdatesState = di.inject(updatesAreBeingDiscoveredInjectable);
     const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
     const checkForUpdatesStartingFromChannel = di.inject(checkForUpdatesStartingFromChannelInjectable);
-    const withOrphanPromise = di.inject(withOrphanPromiseInjectable);
     const emitEvent = di.inject(emitEventInjectable);
 
     return async (source: string) => {
@@ -38,8 +30,6 @@ const processCheckingForUpdatesInjectable = getInjectable({
         params: { currentDateTime: getCurrentDateTime(), source },
       });
 
-      broadcastChangeInUpdatingStatus({ eventId: "checking-for-updates" });
-
       runInAction(() => {
         checkingForUpdatesState.set(true);
       });
@@ -47,29 +37,32 @@ const processCheckingForUpdatesInjectable = getInjectable({
       const result = await checkForUpdatesStartingFromChannel(selectedUpdateChannel.value.get());
 
       if (!result.updateWasDiscovered) {
-        broadcastChangeInUpdatingStatus({ eventId: "no-updates-available" });
-
         runInAction(() => {
           discoveredVersionState.set(null);
           checkingForUpdatesState.set(false);
         });
 
-        return;
+        return { updateIsReadyToBeInstalled: false };
       }
 
       const { version, actualUpdateChannel } = result;
 
+      const previouslyDiscovered = discoveredVersionState.value.get();
+
+      if (version === previouslyDiscovered?.version) {
+        runInAction(() => {
+          checkingForUpdatesState.set(false);
+        });
+
+        return { updateIsReadyToBeInstalled: true };
+      }
+
       emitEvent({
         name: "app",
         action: "update-was-discovered",
         params: { version, currentDateTime: getCurrentDateTime() },
       });
 
-      broadcastChangeInUpdatingStatus({
-        eventId: "download-for-update-started",
-        version,
-      });
-
       runInAction(() => {
         discoveredVersionState.set({
           version,
@@ -79,28 +72,9 @@ const processCheckingForUpdatesInjectable = getInjectable({
         checkingForUpdatesState.set(false);
       });
 
-      withOrphanPromise(async () => {
-        const { downloadWasSuccessful } = await downloadUpdate();
+      const { downloadWasSuccessful } = await downloadUpdate();
 
-        if (!downloadWasSuccessful) {
-          broadcastChangeInUpdatingStatus({
-            eventId: "download-for-update-failed",
-          });
-
-          return;
-        }
-
-        const userWantsToInstallUpdate = await askBoolean({
-          title: "Update Available",
-
-          question: `Version ${version} of Lens IDE is available and ready to be installed. Would you like to update now?\n\n` +
-            `Lens should restart automatically, if it doesn't please restart manually. Installed extensions might require updating.`,
-        });
-
-        if (userWantsToInstallUpdate) {
-          quitAndInstallUpdate();
-        }
-      })();
+      return { updateIsReadyToBeInstalled: downloadWasSuccessful };
     };
   },
 });
diff --git a/src/main/application-update/check-for-updates/update-can-be-downgraded.injectable.ts b/src/main/application-update/check-for-updates/update-can-be-downgraded.injectable.ts
index 72ea5c4023..08fd1d933d 100644
--- a/src/main/application-update/check-for-updates/update-can-be-downgraded.injectable.ts
+++ b/src/main/application-update/check-for-updates/update-can-be-downgraded.injectable.ts
@@ -5,7 +5,7 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { computed } from "mobx";
 import selectedUpdateChannelInjectable from "../../../common/application-update/selected-update-channel/selected-update-channel.injectable";
-import appVersionInjectable from "../../../common/get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../../../common/vars/app-version.injectable";
 import { SemVer } from "semver";
 
 const updateCanBeDowngradedInjectable = getInjectable({
diff --git a/src/main/application-update/download-update/download-update.injectable.ts b/src/main/application-update/download-update/download-update.injectable.ts
index d0ac141b9c..4def3b493a 100644
--- a/src/main/application-update/download-update/download-update.injectable.ts
+++ b/src/main/application-update/download-update/download-update.injectable.ts
@@ -9,6 +9,8 @@ import discoveredUpdateVersionInjectable from "../../../common/application-updat
 import { action, runInAction } from "mobx";
 import type { ProgressOfDownload } from "../../../common/application-update/progress-of-update-download/progress-of-update-download.injectable";
 import progressOfUpdateDownloadInjectable from "../../../common/application-update/progress-of-update-download/progress-of-update-download.injectable";
+import { getCurrentDateTime } from "../../../common/utils/date/get-current-date-time";
+import updateDownloadedDateTimeInjectable from "../../../common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable";
 
 const downloadUpdateInjectable = getInjectable({
   id: "download-update",
@@ -18,6 +20,7 @@ const downloadUpdateInjectable = getInjectable({
     const downloadingUpdateState = di.inject(updateIsBeingDownloadedInjectable);
     const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
     const progressOfUpdateDownload = di.inject(progressOfUpdateDownloadInjectable);
+    const updateDownloadedDate = di.inject(updateDownloadedDateTimeInjectable);
 
     const updateDownloadProgress = action((progressOfDownload: ProgressOfDownload) => {
       progressOfUpdateDownload.set(progressOfDownload);
@@ -35,9 +38,14 @@ const downloadUpdateInjectable = getInjectable({
 
       runInAction(() => {
         if (!downloadWasSuccessful) {
+          progressOfUpdateDownload.set({ percentage: 0, failed: "Download of update failed" });
           discoveredVersionState.set(null);
         }
 
+        const currentDateTime = getCurrentDateTime();
+
+        updateDownloadedDate.set(currentDateTime);
+
         downloadingUpdateState.set(false);
       });
 
diff --git a/src/main/application-update/emit-current-version-to-analytics.injectable.ts b/src/main/application-update/emit-current-version-to-analytics.injectable.ts
index fd190ebf72..7ec8d0b3b5 100644
--- a/src/main/application-update/emit-current-version-to-analytics.injectable.ts
+++ b/src/main/application-update/emit-current-version-to-analytics.injectable.ts
@@ -6,7 +6,7 @@ import { getInjectable } from "@ogre-tools/injectable";
 import { afterApplicationIsLoadedInjectionToken } from "../start-main-application/runnable-tokens/after-application-is-loaded-injection-token";
 import emitEventInjectable from "../../common/app-event-bus/emit-event.injectable";
 import { getCurrentDateTime } from "../../common/utils/date/get-current-date-time";
-import appVersionInjectable from "../../common/get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../../common/vars/app-version.injectable";
 
 const emitCurrentVersionToAnalyticsInjectable = getInjectable({
   id: "emit-current-version-to-analytics",
diff --git a/src/main/application-update/install-application-update-tray-item.injectable.ts b/src/main/application-update/install-application-update-tray-item.injectable.ts
index a7a63d1a1b..ba71d5cfe7 100644
--- a/src/main/application-update/install-application-update-tray-item.injectable.ts
+++ b/src/main/application-update/install-application-update-tray-item.injectable.ts
@@ -6,11 +6,11 @@ import { getInjectable } from "@ogre-tools/injectable";
 import { computed } from "mobx";
 import { trayMenuItemInjectionToken } from "../tray/tray-menu-item/tray-menu-item-injection-token";
 import discoveredUpdateVersionInjectable from "../../common/application-update/discovered-update-version/discovered-update-version.injectable";
-import updateIsBeingDownloadedInjectable from "../../common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable";
 import { withErrorSuppression } from "../../common/utils/with-error-suppression/with-error-suppression";
 import { pipeline } from "@ogre-tools/fp";
 import withErrorLoggingInjectable from "../../common/utils/with-error-logging/with-error-logging.injectable";
 import quitAndInstallUpdateInjectable from "./quit-and-install-update.injectable";
+import updateIsReadyToBeInstalledInjectable from "./update-is-ready-to-be-installed.injectable";
 
 const installApplicationUpdateTrayItemInjectable = getInjectable({
   id: "install-update-tray-item",
@@ -18,8 +18,8 @@ const installApplicationUpdateTrayItemInjectable = getInjectable({
   instantiate: (di) => {
     const quitAndInstallUpdate = di.inject(quitAndInstallUpdateInjectable);
     const discoveredVersionState = di.inject(discoveredUpdateVersionInjectable);
-    const downloadingUpdateState = di.inject(updateIsBeingDownloadedInjectable);
     const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+    const updateIsReadyToBeInstalled = di.inject(updateIsReadyToBeInstalledInjectable);
 
     return {
       id: "install-update",
@@ -34,9 +34,7 @@ const installApplicationUpdateTrayItemInjectable = getInjectable({
 
       enabled: computed(() => true),
 
-      visible: computed(
-        () => !!discoveredVersionState.value.get() && !downloadingUpdateState.value.get(),
-      ),
+      visible: updateIsReadyToBeInstalled,
 
       click: pipeline(
         quitAndInstallUpdate,
diff --git a/src/main/application-update/periodical-check-for-updates/start-checking-for-updates.injectable.ts b/src/main/application-update/periodical-check-for-updates/start-checking-for-updates.injectable.ts
index 9a9b9cf206..347015b584 100644
--- a/src/main/application-update/periodical-check-for-updates/start-checking-for-updates.injectable.ts
+++ b/src/main/application-update/periodical-check-for-updates/start-checking-for-updates.injectable.ts
@@ -4,8 +4,8 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import periodicalCheckForUpdatesInjectable from "./periodical-check-for-updates.injectable";
-import { afterRootFrameIsReadyInjectionToken } from "../../start-main-application/runnable-tokens/after-root-frame-is-ready-injection-token";
 import updatingIsEnabledInjectable from "../updating-is-enabled.injectable";
+import { afterApplicationIsLoadedInjectionToken } from "../../start-main-application/runnable-tokens/after-application-is-loaded-injection-token";
 
 const startCheckingForUpdatesInjectable = getInjectable({
   id: "start-checking-for-updates",
@@ -16,14 +16,14 @@ const startCheckingForUpdatesInjectable = getInjectable({
 
     return {
       run: async () => {
-        if (updatingIsEnabled) {
+        if (updatingIsEnabled && !periodicalCheckForUpdates.started) {
           await periodicalCheckForUpdates.start();
         }
       },
     };
   },
 
-  injectionToken: afterRootFrameIsReadyInjectionToken,
+  injectionToken: afterApplicationIsLoadedInjectionToken,
 });
 
 export default startCheckingForUpdatesInjectable;
diff --git a/src/main/application-update/periodical-check-for-updates/stop-checking-for-updates.injectable.ts b/src/main/application-update/periodical-check-for-updates/stop-checking-for-updates.injectable.ts
index 13aefe4d96..944642b674 100644
--- a/src/main/application-update/periodical-check-for-updates/stop-checking-for-updates.injectable.ts
+++ b/src/main/application-update/periodical-check-for-updates/stop-checking-for-updates.injectable.ts
@@ -3,8 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { beforeQuitOfFrontEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-front-end-injection-token";
 import periodicalCheckForUpdatesInjectable from "./periodical-check-for-updates.injectable";
+import { beforeQuitOfBackEndInjectionToken } from "../../start-main-application/runnable-tokens/before-quit-of-back-end-injection-token";
 
 const stopCheckingForUpdatesInjectable = getInjectable({
   id: "stop-checking-for-updates",
@@ -21,7 +21,7 @@ const stopCheckingForUpdatesInjectable = getInjectable({
     };
   },
 
-  injectionToken: beforeQuitOfFrontEndInjectionToken,
+  injectionToken: beforeQuitOfBackEndInjectionToken,
 });
 
 export default stopCheckingForUpdatesInjectable;
diff --git a/src/main/application-update/restart-and-install-update/restart-and-install-update-listener.injectable.ts b/src/main/application-update/restart-and-install-update/restart-and-install-update-listener.injectable.ts
new file mode 100644
index 0000000000..0580114885
--- /dev/null
+++ b/src/main/application-update/restart-and-install-update/restart-and-install-update-listener.injectable.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import restartAndInstallUpdateChannel from "../../../common/application-update/restart-and-install-update-channel/restart-and-install-update-channel.injectable";
+import { messageChannelListenerInjectionToken } from "../../../common/utils/channel/message-channel-listener-injection-token";
+import quitAndInstallUpdateInjectable from "../quit-and-install-update.injectable";
+
+const restartAndInstallUpdateListenerInjectable = getInjectable({
+  id: "restart-and-install-update-listener",
+
+  instantiate: (di) => {
+    const quitAndInstall = di.inject(quitAndInstallUpdateInjectable);
+    const channel = di.inject(restartAndInstallUpdateChannel);
+
+    return {
+      channel,
+      handler: quitAndInstall,
+    };
+  },
+
+  injectionToken: messageChannelListenerInjectionToken,
+});
+
+export default restartAndInstallUpdateListenerInjectable;
diff --git a/src/main/application-update/tray-icons/checking-for-updates-tray-icon.injectable.ts b/src/main/application-update/tray-icons/checking-for-updates-tray-icon.injectable.ts
new file mode 100644
index 0000000000..5d22c98bba
--- /dev/null
+++ b/src/main/application-update/tray-icons/checking-for-updates-tray-icon.injectable.ts
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import getTrayIconPathInjectable from "../../tray/menu-icon/get-tray-icon-path.injectable";
+import { trayIconInjectionToken } from "../../tray/menu-icon/tray-icon-injection-token";
+import updatesAreBeingDiscoveredInjectable from "../../../common/application-update/updates-are-being-discovered/updates-are-being-discovered.injectable";
+import updateIsBeingDownloadedInjectable from "../../../common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable";
+
+const checkingForUpdatesTrayIconInjectable = getInjectable({
+  id: "checking-for-updates-tray-icon",
+
+  instantiate: (di) => {
+    const getTrayIconPath = di.inject(getTrayIconPathInjectable);
+    const updatesAreBeingDiscovered = di.inject(updatesAreBeingDiscoveredInjectable);
+    const updateIsBeingDownloaded = di.inject(updateIsBeingDownloadedInjectable);
+
+    return {
+      iconPath: getTrayIconPath("checking-for-updates"),
+      priority: 1,
+      shouldBeShown: computed(
+        () =>
+          updatesAreBeingDiscovered.value.get() ||
+          updateIsBeingDownloaded.value.get(),
+      ),
+    };
+  },
+
+  injectionToken: trayIconInjectionToken,
+});
+
+export default checkingForUpdatesTrayIconInjectable;
diff --git a/src/main/application-update/tray-icons/update-is-ready-to-be-installed-tray-icon.injectable.ts b/src/main/application-update/tray-icons/update-is-ready-to-be-installed-tray-icon.injectable.ts
new file mode 100644
index 0000000000..7f097c0cbb
--- /dev/null
+++ b/src/main/application-update/tray-icons/update-is-ready-to-be-installed-tray-icon.injectable.ts
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import getTrayIconPathInjectable from "../../tray/menu-icon/get-tray-icon-path.injectable";
+import { trayIconInjectionToken } from "../../tray/menu-icon/tray-icon-injection-token";
+import updateIsReadyToBeInstalledInjectable from "../update-is-ready-to-be-installed.injectable";
+
+const updateIsReadyToBeInstalledTrayIconInjectable = getInjectable({
+  id: "update-is-ready-to-be-installed-tray-icon",
+
+  instantiate: (di) => {
+    const getTrayIconPath = di.inject(getTrayIconPathInjectable);
+    const updateIsReadyToBeInstalled = di.inject(updateIsReadyToBeInstalledInjectable);
+
+    return {
+      iconPath: getTrayIconPath("update-available"),
+      priority: 1,
+      shouldBeShown: updateIsReadyToBeInstalled,
+    };
+  },
+
+  injectionToken: trayIconInjectionToken,
+});
+
+export default updateIsReadyToBeInstalledTrayIconInjectable;
diff --git a/src/main/application-update/update-is-ready-to-be-installed.injectable.ts b/src/main/application-update/update-is-ready-to-be-installed.injectable.ts
new file mode 100644
index 0000000000..157d1bbd6c
--- /dev/null
+++ b/src/main/application-update/update-is-ready-to-be-installed.injectable.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import discoveredUpdateVersionInjectable from "../../common/application-update/discovered-update-version/discovered-update-version.injectable";
+import updateIsBeingDownloadedInjectable from "../../common/application-update/update-is-being-downloaded/update-is-being-downloaded.injectable";
+
+const updateIsReadyToBeInstalledInjectable = getInjectable({
+  id: "update-is-ready-to-be-installed",
+
+  instantiate: (di) => {
+    const discoveredUpdateVersion = di.inject(discoveredUpdateVersionInjectable);
+    const updateIsBeingDownloaded = di.inject(updateIsBeingDownloadedInjectable);
+
+    return computed(
+      () =>
+        !!discoveredUpdateVersion.value.get() &&
+        !updateIsBeingDownloaded.value.get(),
+    );
+  },
+});
+
+export default updateIsReadyToBeInstalledInjectable;
diff --git a/src/main/ask-boolean/__snapshots__/ask-boolean.test.ts.snap b/src/main/ask-boolean/__snapshots__/ask-boolean.test.ts.snap
deleted file mode 100644
index fca2c12cb9..0000000000
--- a/src/main/ask-boolean/__snapshots__/ask-boolean.test.ts.snap
+++ /dev/null
@@ -1,396 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ask-boolean given started when asking multiple questions renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          <div
-            class="flex column gaps"
-            data-testid="ask-boolean-some-random-id-1"
-          >
-            <b>
-              some-title
-            </b>
-            <p>
-              Some question
-            </p>
-            <div
-              class="flex gaps row align-left box grow"
-            >
-              <button
-                class="Button light"
-                data-testid="ask-boolean-some-random-id-1-button-yes"
-                type="button"
-              >
-                Yes
-              </button>
-              <button
-                class="Button active outlined"
-                data-testid="ask-boolean-some-random-id-1-button-no"
-                type="button"
-              >
-                No
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-ask-boolean-for-some-random-id-1"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          <div
-            class="flex column gaps"
-            data-testid="ask-boolean-some-random-id-2"
-          >
-            <b>
-              some-other-title
-            </b>
-            <p>
-              Some other question
-            </p>
-            <div
-              class="flex gaps row align-left box grow"
-            >
-              <button
-                class="Button light"
-                data-testid="ask-boolean-some-random-id-2-button-yes"
-                type="button"
-              >
-                Yes
-              </button>
-              <button
-                class="Button active outlined"
-                data-testid="ask-boolean-some-random-id-2-button-no"
-                type="button"
-              >
-                No
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-ask-boolean-for-some-random-id-2"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ask-boolean given started when asking multiple questions when answering to first question renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          <div
-            class="flex column gaps"
-            data-testid="ask-boolean-some-random-id-2"
-          >
-            <b>
-              some-other-title
-            </b>
-            <p>
-              Some other question
-            </p>
-            <div
-              class="flex gaps row align-left box grow"
-            >
-              <button
-                class="Button light"
-                data-testid="ask-boolean-some-random-id-2-button-yes"
-                type="button"
-              >
-                Yes
-              </button>
-              <button
-                class="Button active outlined"
-                data-testid="ask-boolean-some-random-id-2-button-no"
-                type="button"
-              >
-                No
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-ask-boolean-for-some-random-id-2"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ask-boolean given started when asking question renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    >
-      <div
-        class="Animate opacity notification flex info enter"
-        style="--enter-duration: 100ms; --leave-duration: 100ms;"
-      >
-        <div
-          class="box"
-        >
-          <i
-            class="Icon material focusable"
-          >
-            <span
-              class="icon"
-              data-icon-name="info_outline"
-            >
-              info_outline
-            </span>
-          </i>
-        </div>
-        <div
-          class="message box grow"
-        >
-          <div
-            class="flex column gaps"
-            data-testid="ask-boolean-some-random-id-1"
-          >
-            <b>
-              some-title
-            </b>
-            <p>
-              Some question
-            </p>
-            <div
-              class="flex gaps row align-left box grow"
-            >
-              <button
-                class="Button light"
-                data-testid="ask-boolean-some-random-id-1-button-yes"
-                type="button"
-              >
-                Yes
-              </button>
-              <button
-                class="Button active outlined"
-                data-testid="ask-boolean-some-random-id-1-button-no"
-                type="button"
-              >
-                No
-              </button>
-            </div>
-          </div>
-        </div>
-        <div
-          class="box"
-        >
-          <i
-            class="Icon close material interactive focusable"
-            data-testid="close-notification-for-ask-boolean-for-some-random-id-1"
-            tabindex="0"
-          >
-            <span
-              class="icon"
-              data-icon-name="close"
-            >
-              close
-            </span>
-          </i>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-`;
-
-exports[`ask-boolean given started when asking question when user answers "no" renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`ask-boolean given started when asking question when user answers "yes" renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
-
-exports[`ask-boolean given started when asking question when user closes notification without answering the question renders 1`] = `
-<body>
-  <div>
-    <div
-      class="StatusBar"
-    >
-      <div
-        class="leftSide"
-      />
-      <div
-        class="rightSide"
-      />
-    </div>
-    <div
-      class="Notifications flex column align-flex-end"
-    />
-  </div>
-</body>
-`;
diff --git a/src/main/ask-boolean/ask-boolean-answer-channel-listener.injectable.ts b/src/main/ask-boolean/ask-boolean-answer-channel-listener.injectable.ts
deleted file mode 100644
index 06bc3972eb..0000000000
--- a/src/main/ask-boolean/ask-boolean-answer-channel-listener.injectable.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { AskBooleanAnswerChannel } from "../../common/ask-boolean/ask-boolean-answer-channel.injectable";
-import askBooleanAnswerChannelInjectable from "../../common/ask-boolean/ask-boolean-answer-channel.injectable";
-import askBooleanPromiseInjectable from "./ask-boolean-promise.injectable";
-import type { MessageChannelListener } from "../../common/utils/channel/message-channel-listener-injection-token";
-import { messageChannelListenerInjectionToken } from "../../common/utils/channel/message-channel-listener-injection-token";
-
-
-const askBooleanAnswerChannelListenerInjectable = getInjectable({
-  id: "ask-boolean-answer-channel-listener",
-
-  instantiate: (di): MessageChannelListener<AskBooleanAnswerChannel> => ({
-    channel: di.inject(askBooleanAnswerChannelInjectable),
-
-    handler: ({ id, value }) => {
-      const answerPromise = di.inject(askBooleanPromiseInjectable, id);
-
-      answerPromise.resolve(value);
-    },
-  }),
-
-  injectionToken: messageChannelListenerInjectionToken,
-});
-
-export default askBooleanAnswerChannelListenerInjectable;
diff --git a/src/main/ask-boolean/ask-boolean-promise.injectable.ts b/src/main/ask-boolean/ask-boolean-promise.injectable.ts
deleted file mode 100644
index 827714084f..0000000000
--- a/src/main/ask-boolean/ask-boolean-promise.injectable.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
-
-const askBooleanPromiseInjectable = getInjectable({
-  id: "ask-boolean-promise",
-
-  instantiate: (di, questionId: string) => {
-    void questionId;
-
-    let resolve: (value: boolean) => void;
-
-    const promise = new Promise<boolean>(_resolve => {
-      resolve = _resolve;
-    });
-
-    return ({
-      promise,
-
-      resolve: (value: boolean) => {
-        resolve(value);
-      },
-    });
-  },
-
-  lifecycle: lifecycleEnum.keyedSingleton({
-    getInstanceKey: (di, questionId: string) => questionId,
-  }),
-});
-
-export default askBooleanPromiseInjectable;
diff --git a/src/main/ask-boolean/ask-boolean.injectable.ts b/src/main/ask-boolean/ask-boolean.injectable.ts
deleted file mode 100644
index 1fa54629b2..0000000000
--- a/src/main/ask-boolean/ask-boolean.injectable.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { messageToChannelInjectionToken } from "../../common/utils/channel/message-to-channel-injection-token";
-import askBooleanQuestionChannelInjectable from "../../common/ask-boolean/ask-boolean-question-channel.injectable";
-import askBooleanPromiseInjectable from "./ask-boolean-promise.injectable";
-import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
-
-export type AskBoolean = ({
-  title,
-  question,
-}: {
-  title: string;
-  question: string;
-}) => Promise<boolean>;
-
-const askBooleanInjectable = getInjectable({
-  id: "ask-boolean",
-
-  instantiate: (di): AskBoolean => {
-    const messageToChannel = di.inject(messageToChannelInjectionToken);
-    const askBooleanChannel = di.inject(askBooleanQuestionChannelInjectable);
-    const getRandomId = di.inject(getRandomIdInjectable);
-
-    return async ({ title, question }) => {
-      const id = getRandomId();
-
-      const returnValuePromise = di.inject(askBooleanPromiseInjectable, id);
-
-      await messageToChannel(askBooleanChannel, { id, title, question });
-
-      return await returnValuePromise.promise;
-    };
-  },
-});
-
-export default askBooleanInjectable;
diff --git a/src/main/ask-boolean/ask-boolean.test.ts b/src/main/ask-boolean/ask-boolean.test.ts
deleted file mode 100644
index 79fecdceca..0000000000
--- a/src/main/ask-boolean/ask-boolean.test.ts
+++ /dev/null
@@ -1,206 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import type { ApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import { getApplicationBuilder } from "../../renderer/components/test-utils/get-application-builder";
-import type { AskBoolean } from "./ask-boolean.injectable";
-import askBooleanInjectable from "./ask-boolean.injectable";
-import { getPromiseStatus } from "../../common/test-utils/get-promise-status";
-import type { RenderResult } from "@testing-library/react";
-import { fireEvent } from "@testing-library/react";
-import getRandomIdInjectable from "../../common/utils/get-random-id.injectable";
-
-describe("ask-boolean", () => {
-  let applicationBuilder: ApplicationBuilder;
-  let askBoolean: AskBoolean;
-
-  beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
-
-    const getRandomIdFake = jest
-      .fn()
-      .mockReturnValueOnce("some-random-id-1")
-      .mockReturnValueOnce("some-random-id-2");
-
-    applicationBuilder.dis.mainDi.override(getRandomIdInjectable, () => getRandomIdFake);
-
-    askBoolean = applicationBuilder.dis.mainDi.inject(askBooleanInjectable);
-  });
-
-  describe("given started", () => {
-    let rendered: RenderResult;
-
-    beforeEach(async () => {
-      rendered = await applicationBuilder.render();
-    });
-
-    describe("when asking question", () => {
-      let actualPromise: Promise<boolean>;
-
-      beforeEach(() => {
-        actualPromise = askBoolean({
-          title: "some-title",
-          question: "Some question",
-        });
-      });
-
-      it("does not resolve yet", async () => {
-        const promiseStatus = await getPromiseStatus(actualPromise);
-
-        expect(promiseStatus.fulfilled).toBe(false);
-      });
-
-      it("renders", () => {
-        expect(rendered.baseElement).toMatchSnapshot();
-      });
-
-      it("shows notification", () => {
-        const notification = rendered.getByTestId("ask-boolean-some-random-id-1");
-
-        expect(notification).not.toBeUndefined();
-      });
-
-      describe('when user answers "yes"', () => {
-        beforeEach(() => {
-          const button = rendered.getByTestId("ask-boolean-some-random-id-1-button-yes");
-
-          fireEvent.click(button);
-        });
-
-        it("renders", () => {
-          expect(rendered.baseElement).toMatchSnapshot();
-        });
-
-        it("does not show notification anymore", () => {
-          const notification = rendered.queryByTestId("ask-boolean-some-random-id-1");
-
-          expect(notification).toBeNull();
-        });
-
-        it("resolves", async () => {
-          const actual = await actualPromise;
-
-          expect(actual).toBe(true);
-        });
-      });
-
-      describe('when user answers "no"', () => {
-        beforeEach(() => {
-          const button = rendered.getByTestId("ask-boolean-some-random-id-1-button-no");
-
-          fireEvent.click(button);
-        });
-
-        it("renders", () => {
-          expect(rendered.baseElement).toMatchSnapshot();
-        });
-
-        it("does not show notification anymore", () => {
-          const notification = rendered.queryByTestId("ask-boolean-some-random-id-1");
-
-          expect(notification).toBeNull();
-        });
-
-        it("resolves", async () => {
-          const actual = await actualPromise;
-
-          expect(actual).toBe(false);
-        });
-      });
-
-      describe("when user closes notification without answering the question", () => {
-        beforeEach(() => {
-          const button = rendered.getByTestId("close-notification-for-ask-boolean-for-some-random-id-1");
-
-          fireEvent.click(button);
-        });
-
-        it("renders", () => {
-          expect(rendered.baseElement).toMatchSnapshot();
-        });
-
-        it("does not show notification anymore", () => {
-          const notification = rendered.queryByTestId("ask-boolean-some-random-id-1");
-
-          expect(notification).toBeNull();
-        });
-
-        it("resolves", async () => {
-          const actual = await actualPromise;
-
-          expect(actual).toBe(false);
-        });
-      });
-    });
-
-    describe("when asking multiple questions", () => {
-      let firstQuestionPromise: Promise<boolean>;
-      let secondQuestionPromise: Promise<boolean>;
-
-      beforeEach(() => {
-        firstQuestionPromise = askBoolean({
-          title: "some-title",
-          question: "Some question",
-        });
-
-        secondQuestionPromise = askBoolean({
-          title: "some-other-title",
-          question: "Some other question",
-        });
-      });
-
-      it("renders", () => {
-        expect(rendered.baseElement).toMatchSnapshot();
-      });
-
-      it("shows notification for first question", () => {
-        const notification = rendered.getByTestId("ask-boolean-some-random-id-1");
-
-        expect(notification).not.toBeUndefined();
-      });
-
-      it("shows notification for second question", () => {
-        const notification = rendered.getByTestId("ask-boolean-some-random-id-2");
-
-        expect(notification).not.toBeUndefined();
-      });
-
-      describe("when answering to first question", () => {
-        beforeEach(() => {
-          const button = rendered.getByTestId("ask-boolean-some-random-id-1-button-no");
-
-          fireEvent.click(button);
-        });
-
-        it("renders", () => {
-          expect(rendered.baseElement).toMatchSnapshot();
-        });
-
-        it("does not show notification for first question anymore", () => {
-          const notification = rendered.queryByTestId("ask-boolean-some-random-id-1");
-
-          expect(notification).toBeNull();
-        });
-
-        it("still shows notification for second question", () => {
-          const notification = rendered.getByTestId("ask-boolean-some-random-id-2");
-
-          expect(notification).not.toBeUndefined();
-        });
-
-        it("resolves first question", async () => {
-          const actual = await firstQuestionPromise;
-
-          expect(actual).toBe(false);
-        });
-
-        it("does not resolve second question yet", async () => {
-          const promiseStatus = await getPromiseStatus(secondQuestionPromise);
-
-          expect(promiseStatus.fulfilled).toBe(false);
-        });
-      });
-    });
-  });
-});
diff --git a/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts b/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts
index 72acbb3c03..08ff464bf2 100644
--- a/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts
+++ b/src/main/catalog-sources/__test__/kubeconfig-sync.test.ts
@@ -15,7 +15,6 @@ import { getDiForUnitTesting } from "../../getDiForUnitTesting";
 import { createClusterInjectionToken } from "../../../common/cluster/create-cluster-injection-token";
 import directoryForKubeConfigsInjectable from "../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
 import getConfigurationFileModelInjectable from "../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import clusterManagerInjectable from "../../cluster-manager.injectable";
 import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import directoryForTempInjectable from "../../../common/app-paths/directory-for-temp/directory-for-temp.injectable";
@@ -59,7 +58,6 @@ describe("kubeconfig-sync.source tests", () => {
     di.unoverride(clusterStoreInjectable);
     di.permitSideEffects(clusterStoreInjectable);
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     computeDiff = computeDiffFor({
       directoryForKubeConfigs: di.inject(directoryForKubeConfigsInjectable),
diff --git a/src/main/catalog-sources/kubeconfig-sync/manager.ts b/src/main/catalog-sources/kubeconfig-sync/manager.ts
index 892fa97eb9..1d281bc936 100644
--- a/src/main/catalog-sources/kubeconfig-sync/manager.ts
+++ b/src/main/catalog-sources/kubeconfig-sync/manager.ts
@@ -11,9 +11,8 @@ import { watch } from "chokidar";
 import type { Stats } from "fs";
 import fs from "fs";
 import path from "path";
-import type stream from "stream";
 import type { Disposer } from "../../../common/utils";
-import { bytesToUnits, getOrInsertWith, iter, noop } from "../../../common/utils";
+import { disposer, bytesToUnits, getOrInsertWith, iter, noop } from "../../../common/utils";
 import logger from "../../logger";
 import type { KubeConfig } from "@kubernetes/client-node";
 import { loadConfigFromString, splitConfig } from "../../../common/kube-helpers";
@@ -265,47 +264,35 @@ const diffChangedConfigFor = (dependencies: ComputeDiffDependencies) => ({ fileP
     return noop;
   }
 
-  // TODO: replace with an AbortController with fs.readFile when we upgrade to Node 16 (after it comes out)
-  const fileReader = fs.createReadStream(filePath, {
-    mode: fs.constants.O_RDONLY,
+  const controller = new AbortController();
+  const fileContentsP = fs.promises.readFile(filePath, {
+    signal: controller.signal,
   });
-  const readStream: stream.Readable = fileReader;
-  const decoder = new TextDecoder("utf-8", { fatal: true });
-  let fileString = "";
-  let closed = false;
+  const cleanup = disposer(
+    () => controller.abort(),
+  );
 
-  const cleanup = () => {
-    closed = true;
-    fileReader.close(); // This may not close the stream.
-    // Artificially marking end-of-stream, as if the underlying resource had
-    // indicated end-of-file by itself, allows the stream to close.
-    // This does not cancel pending read operations, and if there is such an
-    // operation, the process may still not be able to exit successfully
-    // until it finishes.
-    fileReader.push(null);
-    fileReader.read(0);
-    readStream.removeAllListeners();
-  };
+  fileContentsP
+    .then((fileData) => {
+      const decoder = new TextDecoder("utf-8", { fatal: true });
 
-  readStream
-    .on("data", (chunk: Buffer) => {
       try {
-        fileString += decoder.decode(chunk, { stream: true });
+        const fileString = decoder.decode(fileData);
+
+        computeDiff(dependencies)(fileString, source, filePath);
       } catch (error) {
         logger.warn(`${logPrefix} skipping ${filePath}: ${error}`);
         source.clear();
         cleanup();
       }
     })
-    .on("close", () => cleanup())
-    .on("error", error => {
-      cleanup();
-      logger.warn(`${logPrefix} failed to read file: ${error}`, { filePath });
-    })
-    .on("end", () => {
-      if (!closed) {
-        computeDiff(dependencies)(fileString, source, filePath);
+    .catch(error => {
+      if (controller.signal.aborted) {
+        return;
       }
+
+      logger.warn(`${logPrefix} failed to read file: ${error}`, { filePath });
+      cleanup();
     });
 
   return cleanup;
diff --git a/src/main/catalog-sync-to-renderer/start-catalog-sync.injectable.ts b/src/main/catalog-sync-to-renderer/start-catalog-sync.injectable.ts
index 71afc4d895..3dfd9ee2ae 100644
--- a/src/main/catalog-sync-to-renderer/start-catalog-sync.injectable.ts
+++ b/src/main/catalog-sync-to-renderer/start-catalog-sync.injectable.ts
@@ -14,7 +14,9 @@ const startCatalogSyncInjectable = getInjectable({
 
     return {
       run: async () => {
-        await catalogSyncToRenderer.start();
+        if (!catalogSyncToRenderer.started) {
+          await catalogSyncToRenderer.start();
+        }
       },
     };
   },
diff --git a/src/main/cluster-detectors/distribution-detector.ts b/src/main/cluster-detectors/distribution-detector.ts
index c912fcf5b5..dcdacfb253 100644
--- a/src/main/cluster-detectors/distribution-detector.ts
+++ b/src/main/cluster-detectors/distribution-detector.ts
@@ -96,8 +96,6 @@ export class DistributionDetector extends BaseClusterDetector {
   }
 
   public async getKubernetesVersion() {
-    if (this.cluster.version) return this.cluster.version;
-
     const response = await this.k8sRequest("/version");
 
     return response.gitVersion;
diff --git a/src/main/context-handler/context-handler.ts b/src/main/context-handler/context-handler.ts
index 3ab4fc3ca7..7671754cc2 100644
--- a/src/main/context-handler/context-handler.ts
+++ b/src/main/context-handler/context-handler.ts
@@ -131,9 +131,8 @@ export class ContextHandler implements ClusterContextHandler {
 
   async resolveAuthProxyUrl(): Promise<string> {
     const kubeAuthProxy = await this.ensureServerHelper();
-    const path = this.clusterUrl.path !== "/" ? this.clusterUrl.path : "";
 
-    return `https://127.0.0.1:${kubeAuthProxy.port}${kubeAuthProxy.apiPrefix}${path}`;
+    return `https://127.0.0.1:${kubeAuthProxy.port}${kubeAuthProxy.apiPrefix}`;
   }
 
   resolveAuthProxyCa() {
@@ -156,6 +155,12 @@ export class ContextHandler implements ClusterContextHandler {
 
     if (this.clusterUrl.hostname) {
       headers.Host = this.clusterUrl.hostname;
+
+      // fix current IPv6 inconsistency in url.Parse() and httpProxy.
+      // with url.Parse the IPv6 Hostname has no Square brackets but httpProxy needs the Square brackets to work.
+      if (headers.Host.includes(":")) {
+        headers.Host = `[${headers.Host}]`;
+      }
     }
 
     return {
@@ -202,6 +207,8 @@ export class ContextHandler implements ClusterContextHandler {
   }
 
   stopServer() {
+    this.prometheus = undefined;
+    this.prometheusProvider = undefined;
     this.kubeAuthProxy?.exit();
     this.kubeAuthProxy = undefined;
     this.apiTarget = undefined;
diff --git a/src/main/create-cluster/create-cluster.injectable.ts b/src/main/create-cluster/create-cluster.injectable.ts
index 07c2ee3247..d8bf4209f0 100644
--- a/src/main/create-cluster/create-cluster.injectable.ts
+++ b/src/main/create-cluster/create-cluster.injectable.ts
@@ -15,6 +15,7 @@ import listNamespacesInjectable from "../../common/cluster/list-namespaces.injec
 import loggerInjectable from "../../common/logger.injectable";
 import detectorRegistryInjectable from "../cluster-detectors/detector-registry.injectable";
 import createVersionDetectorInjectable from "../cluster-detectors/create-version-detector.injectable";
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
 
 const createClusterInjectable = getInjectable({
   id: "create-cluster",
@@ -30,6 +31,7 @@ const createClusterInjectable = getInjectable({
       logger: di.inject(loggerInjectable),
       detectorRegistry: di.inject(detectorRegistryInjectable),
       createVersionDetector: di.inject(createVersionDetectorInjectable),
+      broadcastMessage: di.inject(broadcastMessageInjectable),
     };
 
     return (model, configData) => new Cluster(dependencies, model, configData);
diff --git a/src/main/electron-app/features/focus-application.injectable.ts b/src/main/electron-app/features/focus-application.injectable.ts
new file mode 100644
index 0000000000..4d3afd146f
--- /dev/null
+++ b/src/main/electron-app/features/focus-application.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import electronAppInjectable from "../electron-app.injectable";
+
+const focusApplicationInjectable = getInjectable({
+  id: "focus-application",
+
+  instantiate: (di) => {
+    const electronApp = di.inject(electronAppInjectable);
+
+    return () => {
+      electronApp.focus({ steal: true });
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default focusApplicationInjectable;
diff --git a/src/main/getDi.ts b/src/main/getDi.ts
index ac7dffe12b..17d9cc36b7 100644
--- a/src/main/getDi.ts
+++ b/src/main/getDi.ts
@@ -5,23 +5,27 @@
 import { createContainer } from "@ogre-tools/injectable";
 import { autoRegister } from "@ogre-tools/injectable-extension-for-auto-registration";
 import { registerMobX } from "@ogre-tools/injectable-extension-for-mobx";
+import { runInAction } from "mobx";
 import { Environments, setLegacyGlobalDiForExtensionApi } from "../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
 
 export const getDi = () => {
   const di = createContainer("main");
 
-  registerMobX(di);
-
-  autoRegister({
-    di,
-    requireContexts: [
-      require.context("./", true, /\.injectable\.(ts|tsx)$/),
-      require.context("../extensions", true, /\.injectable\.(ts|tsx)$/),
-      require.context("../common", true, /\.injectable\.(ts|tsx)$/),
-    ],
-  });
-
   setLegacyGlobalDiForExtensionApi(di, Environments.main);
 
+  runInAction(() => {
+    registerMobX(di);
+
+    autoRegister({
+      di,
+      requireContexts: [
+        require.context("./", true, /\.injectable\.(ts|tsx)$/),
+        require.context("../extensions", true, /\.injectable\.(ts|tsx)$/),
+        require.context("../common", true, /\.injectable\.(ts|tsx)$/),
+        require.context("../features", true, /.*\/(main|common)\/.*\.injectable\.(ts|tsx)$/),
+      ],
+    });
+  });
+
   return di;
 };
diff --git a/src/main/getDiForUnitTesting.ts b/src/main/getDiForUnitTesting.ts
index f17a4e6217..b7a5bf2431 100644
--- a/src/main/getDiForUnitTesting.ts
+++ b/src/main/getDiForUnitTesting.ts
@@ -3,8 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import glob from "glob";
-import { kebabCase, memoize, noop } from "lodash/fp";
+import { kebabCase, noop, chunk } from "lodash/fp";
 import type { DiContainer, Injectable } from "@ogre-tools/injectable";
 import { createContainer } from "@ogre-tools/injectable";
 import { Environments, setLegacyGlobalDiForExtensionApi } from "../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
@@ -18,9 +17,6 @@ import extensionsStoreInjectable from "../extensions/extensions-store/extensions
 import type { ExtensionsStore } from "../extensions/extensions-store/extensions-store";
 import fileSystemProvisionerStoreInjectable from "../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
 import type { FileSystemProvisionerStore } from "../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store";
-import clusterStoreInjectable from "../common/cluster-store/cluster-store.injectable";
-import type { ClusterStore } from "../common/cluster-store/cluster-store";
-import type { Cluster } from "../common/cluster/cluster";
 import userStoreInjectable from "../common/user-store/user-store.injectable";
 import type { UserStore } from "../common/user-store";
 import getAbsolutePathInjectable from "../common/path/get-absolute-path.injectable";
@@ -37,7 +33,6 @@ import lensResourcesDirInjectable from "../common/vars/lens-resources-dir.inject
 import environmentVariablesInjectable from "../common/utils/environment-variables.injectable";
 import setupIpcMainHandlersInjectable from "./electron-app/runnables/setup-ipc-main-handlers/setup-ipc-main-handlers.injectable";
 import setupLensProxyInjectable from "./start-main-application/runnables/setup-lens-proxy.injectable";
-import setupRunnablesForAfterRootFrameIsReadyInjectable from "./start-main-application/runnables/setup-runnables-for-after-root-frame-is-ready.injectable";
 import setupSentryInjectable from "./start-main-application/runnables/setup-sentry.injectable";
 import setupShellInjectable from "./start-main-application/runnables/setup-shell.injectable";
 import setupSyncingOfWeblinksInjectable from "./start-main-application/runnables/setup-syncing-of-weblinks.injectable";
@@ -60,13 +55,10 @@ import setupRunnablesBeforeClosingOfApplicationInjectable from "./electron-app/r
 import showMessagePopupInjectable from "./electron-app/features/show-message-popup.injectable";
 import clusterFramesInjectable from "../common/cluster-frames.injectable";
 import type { ClusterFrameInfo } from "../common/cluster-frames";
-import { observable } from "mobx";
+import { observable, runInAction } from "mobx";
 import waitForElectronToBeReadyInjectable from "./electron-app/features/wait-for-electron-to-be-ready.injectable";
 import setupListenerForCurrentClusterFrameInjectable from "./start-main-application/lens-window/current-cluster-frame/setup-listener-for-current-cluster-frame.injectable";
-import ipcMainInjectable from "./utils/channel/ipc-main/ipc-main.injectable";
-import createElectronWindowForInjectable from "./start-main-application/lens-window/application-window/create-electron-window.injectable";
 import setupRunnablesAfterWindowIsOpenedInjectable from "./electron-app/runnables/setup-runnables-after-window-is-opened.injectable";
-import sendToChannelInElectronBrowserWindowInjectable from "./start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable";
 import broadcastMessageInjectable from "../common/ipc/broadcast-message.injectable";
 import getElectronThemeInjectable from "./electron-app/features/get-electron-theme.injectable";
 import syncThemeFromOperatingSystemInjectable from "./electron-app/features/sync-theme-from-operating-system.injectable";
@@ -81,7 +73,7 @@ import setUpdateOnQuitInjectable from "./electron-app/features/set-update-on-qui
 import downloadPlatformUpdateInjectable from "./application-update/download-platform-update/download-platform-update.injectable";
 import startCatalogSyncInjectable from "./catalog-sync-to-renderer/start-catalog-sync.injectable";
 import startKubeConfigSyncInjectable from "./start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable";
-import appVersionInjectable from "../common/get-configuration-file-model/app-version/app-version.injectable";
+import appVersionInjectable from "../common/vars/app-version.injectable";
 import getRandomIdInjectable from "../common/utils/get-random-id.injectable";
 import periodicalCheckForUpdatesInjectable from "./application-update/periodical-check-for-updates/periodical-check-for-updates.injectable";
 import execFileInjectable from "../common/fs/exec-file.injectable";
@@ -99,6 +91,10 @@ import rollbackHelmReleaseInjectable from "./helm/helm-service/rollback-helm-rel
 import updateHelmReleaseInjectable from "./helm/helm-service/update-helm-release.injectable";
 import waitUntilBundledExtensionsAreLoadedInjectable from "./start-main-application/lens-window/application-window/wait-until-bundled-extensions-are-loaded.injectable";
 import { registerMobX } from "@ogre-tools/injectable-extension-for-mobx";
+import electronInjectable from "./utils/resolve-system-proxy/electron.injectable";
+import type { HotbarStore } from "../common/hotbars/store";
+import focusApplicationInjectable from "./electron-app/features/focus-application.injectable";
+import type { GlobalOverride } from "../common/test-utils/get-global-override";
 
 export function getDiForUnitTesting(opts: { doGeneralOverrides?: boolean } = {}) {
   const {
@@ -107,29 +103,43 @@ export function getDiForUnitTesting(opts: { doGeneralOverrides?: boolean } = {})
 
   const di = createContainer("main");
 
-  registerMobX(di);
-
   setLegacyGlobalDiForExtensionApi(di, Environments.main);
 
-  for (const filePath of getInjectableFilePaths()) {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const injectableInstance = require(filePath).default;
-
-    di.register({
-      ...injectableInstance,
-      aliases: [injectableInstance, ...(injectableInstance.aliases || [])],
-    });
-  }
-
   di.preventSideEffects();
 
+  const injectables: Injectable<any, any, any>[] = (global as any).mainInjectablePaths.map(
+    (filePath: string) => require(filePath).default,
+  );
+
+  runInAction(() => {
+    registerMobX(di);
+
+    chunk(100)(injectables).forEach(chunkInjectables => {
+      di.register(...chunkInjectables);
+    });
+  });
+
   if (doGeneralOverrides) {
+    const globalOverrides: GlobalOverride[] = (global as any).mainGlobalOverridePaths.map(
+      (filePath: string) => require(filePath).default,
+    );
+
+    globalOverrides.forEach(globalOverride => {
+      di.override(globalOverride.injectable, globalOverride.overridingInstantiate);
+    });
+
+    di.override(electronInjectable, () => ({}));
     di.override(waitUntilBundledExtensionsAreLoadedInjectable, () => async () => {});
     di.override(getRandomIdInjectable, () => () => "some-irrelevant-random-id");
-    di.override(hotbarStoreInjectable, () => ({ load: () => {} }));
+
+    di.override(hotbarStoreInjectable, () => ({
+      load: () => {},
+      getActive: () => ({ name: "some-hotbar", items: [] }),
+      getDisplayIndex: () => "0",
+    }) as unknown as HotbarStore);
+
     di.override(userStoreInjectable, () => ({ startMainReactions: () => {}, extensionRegistryUrl: { customUrl: "some-custom-url" }}) as UserStore);
     di.override(extensionsStoreInjectable, () => ({ isEnabled: (opts) => (void opts, false) }) as ExtensionsStore);
-    di.override(clusterStoreInjectable, () => ({ provideInitialFromMain: () => {}, getById: (id) => (void id, {}) as Cluster }) as ClusterStore);
     di.override(fileSystemProvisionerStoreInjectable, () => ({}) as FileSystemProvisionerStore);
 
     overrideOperatingSystem(di);
@@ -198,19 +208,12 @@ export function getDiForUnitTesting(opts: { doGeneralOverrides?: boolean } = {})
   return di;
 }
 
-const getInjectableFilePaths = memoize(() => [
-  ...glob.sync("./**/*.injectable.{ts,tsx}", { cwd: __dirname }),
-  ...glob.sync("../extensions/**/*.injectable.{ts,tsx}", { cwd: __dirname }),
-  ...glob.sync("../common/**/*.injectable.{ts,tsx}", { cwd: __dirname }),
-]);
-
 // TODO: Reorganize code in Runnables to get rid of requirement for override
 const overrideRunnablesHavingSideEffects = (di: DiContainer) => {
   [
     initializeExtensionsInjectable,
     setupIpcMainHandlersInjectable,
     setupLensProxyInjectable,
-    setupRunnablesForAfterRootFrameIsReadyInjectable,
     setupSentryInjectable,
     setupShellInjectable,
     setupSyncingOfWeblinksInjectable,
@@ -250,32 +253,17 @@ const overrideElectronFeatures = (di: DiContainer) => {
   di.override(shouldStartHiddenInjectable, () => false);
   di.override(showMessagePopupInjectable, () => () => {});
   di.override(waitForElectronToBeReadyInjectable, () => () => Promise.resolve());
-  di.override(ipcMainInjectable, () => ({}));
   di.override(getElectronThemeInjectable, () => () => "dark");
   di.override(syncThemeFromOperatingSystemInjectable, () => ({ start: () => {}, stop: () => {} }));
   di.override(electronQuitAndInstallUpdateInjectable, () => () => {});
   di.override(setUpdateOnQuitInjectable, () => () => {});
   di.override(downloadPlatformUpdateInjectable, () => async () => ({ downloadWasSuccessful: true }));
+  di.override(focusApplicationInjectable, () => () => {});
 
   di.override(checkForPlatformUpdatesInjectable, () => () => {
     throw new Error("Tried to check for platform updates without explicit override.");
   });
 
-  di.override(createElectronWindowForInjectable, () => () => ({
-    show: () => {},
-
-    close: () => {},
-
-    send: (arg) => {
-      const sendFake = di.inject(sendToChannelInElectronBrowserWindowInjectable) as any;
-
-      sendFake(null, arg);
-    },
-
-    loadFile: async () => {},
-    loadUrl: async () => {},
-  }));
-
   di.override(
     getElectronAppPathInjectable,
     () => (name: string) => `some-electron-app-path-for-${kebabCase(name)}`,
diff --git a/src/main/helm/__mocks__/helm-chart-manager.ts b/src/main/helm/__mocks__/helm-chart-manager.ts
deleted file mode 100644
index 62c4ce4508..0000000000
--- a/src/main/helm/__mocks__/helm-chart-manager.ts
+++ /dev/null
@@ -1,153 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import { sortCharts } from "../../../common/utils";
-import type { HelmRepo } from "../../../common/helm/helm-repo";
-
-const charts = new Map([
-  ["stable", {
-    "invalid-semver": sortCharts([
-      {
-        apiVersion: "3.0.0",
-        name: "weird-versioning",
-        version: "I am not semver",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "weird-versioning",
-        version: "v4.3.0",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "weird-versioning",
-        version: "I am not semver but more",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "weird-versioning",
-        version: "v4.4.0",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-    ]),
-    "apm-server": sortCharts([
-      {
-        apiVersion: "3.0.0",
-        name: "apm-server",
-        version: "2.1.7",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "apm-server",
-        version: "2.1.6",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-    ]),
-    "redis": sortCharts([
-      {
-        apiVersion: "3.0.0",
-        name: "apm-server",
-        version: "1.0.0",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "apm-server",
-        version: "0.0.9",
-        repo: "stable",
-        digest: "test",
-        created: "now",
-      },
-    ]),
-  }],
-  ["experiment", {
-    "fairwind": sortCharts([
-      {
-        apiVersion: "3.0.0",
-        name: "fairwind",
-        version: "0.0.1",
-        repo: "experiment",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "fairwind",
-        version: "0.0.2",
-        repo: "experiment",
-        digest: "test",
-        deprecated: true,
-        created: "now",
-      },
-    ]),
-  }],
-  ["bitnami", {
-    "hotdog": sortCharts([
-      {
-        apiVersion: "3.0.0",
-        name: "hotdog",
-        version: "1.0.1",
-        repo: "bitnami",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "hotdog",
-        version: "1.0.2",
-        repo: "bitnami",
-        digest: "test",
-        created: "now",
-      },
-    ]),
-    "pretzel": sortCharts([
-      {
-        apiVersion: "3.0.0",
-        name: "pretzel",
-        version: "1.0",
-        repo: "bitnami",
-        digest: "test",
-        created: "now",
-      },
-      {
-        apiVersion: "3.0.0",
-        name: "pretzel",
-        version: "1.0.1",
-        repo: "bitnami",
-        digest: "test",
-        created: "now",
-      },
-    ]),
-  }],
-]);
-
-export class HelmChartManager {
-  constructor(private repo: HelmRepo){ }
-
-  static forRepo(repo: HelmRepo) {
-    return new this(repo);
-  }
-
-  public async charts(): Promise<any> {
-    return charts.get(this.repo.name) ?? {};
-  }
-}
diff --git a/src/main/helm/__tests__/helm-service.test.ts b/src/main/helm/__tests__/helm-service.test.ts
index fab93bf1e5..ea0a28b1e9 100644
--- a/src/main/helm/__tests__/helm-service.test.ts
+++ b/src/main/helm/__tests__/helm-service.test.ts
@@ -8,8 +8,8 @@ import listHelmChartsInjectable from "../helm-service/list-helm-charts.injectabl
 import getActiveHelmRepositoriesInjectable from "../repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
 import type { AsyncResult } from "../../../common/utils/async-result";
 import type { HelmRepo } from "../../../common/helm/helm-repo";
-
-jest.mock("../helm-chart-manager");
+import { sortCharts } from "../../../common/utils";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
 
 describe("Helm Service tests", () => {
   let listHelmCharts: () => Promise<any>;
@@ -20,6 +20,11 @@ describe("Helm Service tests", () => {
 
     getActiveHelmRepositoriesMock = jest.fn();
 
+    di.override(
+      helmChartManagerInjectable,
+      (di, repo) => new HelmChartManagerFake(repo) as unknown,
+    );
+
     di.override(getActiveHelmRepositoriesInjectable, () => getActiveHelmRepositoriesMock);
 
     di.unoverride(listHelmChartsInjectable);
@@ -195,3 +200,145 @@ describe("Helm Service tests", () => {
     });
   });
 });
+
+const charts = new Map([
+  ["stable", {
+    "invalid-semver": sortCharts([
+      {
+        apiVersion: "3.0.0",
+        name: "weird-versioning",
+        version: "I am not semver",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "weird-versioning",
+        version: "v4.3.0",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "weird-versioning",
+        version: "I am not semver but more",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "weird-versioning",
+        version: "v4.4.0",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+    ]),
+    "apm-server": sortCharts([
+      {
+        apiVersion: "3.0.0",
+        name: "apm-server",
+        version: "2.1.7",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "apm-server",
+        version: "2.1.6",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+    ]),
+    "redis": sortCharts([
+      {
+        apiVersion: "3.0.0",
+        name: "apm-server",
+        version: "1.0.0",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "apm-server",
+        version: "0.0.9",
+        repo: "stable",
+        digest: "test",
+        created: "now",
+      },
+    ]),
+  }],
+  ["experiment", {
+    "fairwind": sortCharts([
+      {
+        apiVersion: "3.0.0",
+        name: "fairwind",
+        version: "0.0.1",
+        repo: "experiment",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "fairwind",
+        version: "0.0.2",
+        repo: "experiment",
+        digest: "test",
+        deprecated: true,
+        created: "now",
+      },
+    ]),
+  }],
+  ["bitnami", {
+    "hotdog": sortCharts([
+      {
+        apiVersion: "3.0.0",
+        name: "hotdog",
+        version: "1.0.1",
+        repo: "bitnami",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "hotdog",
+        version: "1.0.2",
+        repo: "bitnami",
+        digest: "test",
+        created: "now",
+      },
+    ]),
+    "pretzel": sortCharts([
+      {
+        apiVersion: "3.0.0",
+        name: "pretzel",
+        version: "1.0",
+        repo: "bitnami",
+        digest: "test",
+        created: "now",
+      },
+      {
+        apiVersion: "3.0.0",
+        name: "pretzel",
+        version: "1.0.1",
+        repo: "bitnami",
+        digest: "test",
+        created: "now",
+      },
+    ]),
+  }],
+]);
+
+class HelmChartManagerFake {
+  constructor(private repo: HelmRepo){ }
+
+  public async charts(): Promise<any> {
+    return charts.get(this.repo.name) ?? {};
+  }
+}
diff --git a/src/main/helm/helm-chart-manager-cache.injectable.ts b/src/main/helm/helm-chart-manager-cache.injectable.ts
new file mode 100644
index 0000000000..49df5e0843
--- /dev/null
+++ b/src/main/helm/helm-chart-manager-cache.injectable.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+export interface ChartCacheEntry {
+  data: string; // serialized JSON
+  mtimeMs: number;
+}
+
+export type HelmChartManagerCache = Map<string, ChartCacheEntry>;
+
+const helmChartManagerCacheInjectable = getInjectable({
+  id: "helm-chart-manager-cache",
+  instantiate: (): HelmChartManagerCache => new Map(),
+});
+
+export default helmChartManagerCacheInjectable;
diff --git a/src/main/helm/helm-chart-manager.injectable.ts b/src/main/helm/helm-chart-manager.injectable.ts
new file mode 100644
index 0000000000..367c47ae3b
--- /dev/null
+++ b/src/main/helm/helm-chart-manager.injectable.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import type { HelmRepo } from "../../common/helm/helm-repo";
+import { HelmChartManager } from "./helm-chart-manager";
+import helmChartManagerCacheInjectable from "./helm-chart-manager-cache.injectable";
+import loggerInjectable from "../../common/logger.injectable";
+
+const helmChartManagerInjectable = getInjectable({
+  id: "helm-chart-manager",
+
+  instantiate: (di, repo: HelmRepo) => {
+    const cache = di.inject(helmChartManagerCacheInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return new HelmChartManager(repo, { cache, logger });
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, repo: HelmRepo) => repo.name,
+  }),
+});
+
+export default helmChartManagerInjectable;
diff --git a/src/main/helm/helm-chart-manager.ts b/src/main/helm/helm-chart-manager.ts
index 8ba7a83101..2eae449aea 100644
--- a/src/main/helm/helm-chart-manager.ts
+++ b/src/main/helm/helm-chart-manager.ts
@@ -5,39 +5,34 @@
 
 import fs from "fs";
 import * as yaml from "js-yaml";
-import logger from "../logger";
 import type { RepoHelmChartList } from "../../common/k8s-api/endpoints/helm-charts.api";
 import { iter, put, sortCharts } from "../../common/utils";
 import { execHelm } from "./exec";
 import type { SetRequired } from "type-fest";
 import { assert } from "console";
 import type { HelmRepo } from "../../common/helm/helm-repo";
-
-interface ChartCacheEntry {
-  data: string; // serialized JSON
-  mtimeMs: number;
-}
+import type { HelmChartManagerCache } from "./helm-chart-manager-cache.injectable";
+import type { Logger } from "../../common/logger";
 
 export interface HelmCacheFile {
   apiVersion: string;
   entries: RepoHelmChartList;
 }
 
-export class HelmChartManager {
-  static readonly #cache = new Map<string, ChartCacheEntry>();
+interface Dependencies {
+  cache: HelmChartManagerCache;
+  logger: Logger;
+}
 
+export class HelmChartManager {
   protected readonly repo: SetRequired<HelmRepo, "cacheFilePath">;
 
-  private constructor(repo: HelmRepo) {
+  constructor(repo: HelmRepo, private dependencies: Dependencies) {
     assert(repo.cacheFilePath, "CacheFilePath must be provided on the helm repo");
 
     this.repo = repo as SetRequired<HelmRepo, "cacheFilePath">;
   }
 
-  static forRepo(repo: HelmRepo) {
-    return new this(repo);
-  }
-
   public async chartVersions(name: string) {
     const charts = await this.charts();
 
@@ -48,7 +43,7 @@ export class HelmChartManager {
     try {
       return await this.cachedYaml();
     } catch(error) {
-      logger.error("HELM-CHART-MANAGER]: failed to list charts", { error });
+      this.dependencies.logger.error("HELM-CHART-MANAGER]: failed to list charts", { error });
 
       return {};
     }
@@ -84,7 +79,7 @@ export class HelmChartManager {
     const normalized = normalizeHelmCharts(this.repo.name, data.entries);
 
     return put(
-      HelmChartManager.#cache,
+      this.dependencies.cache,
       this.repo.name,
       {
         data: JSON.stringify(normalized),
@@ -94,7 +89,7 @@ export class HelmChartManager {
   }
 
   protected async cachedYaml(): Promise<RepoHelmChartList> {
-    let cacheEntry = HelmChartManager.#cache.get(this.repo.name);
+    let cacheEntry = this.dependencies.cache.get(this.repo.name);
 
     if (!cacheEntry) {
       cacheEntry = await this.updateYamlCache();
diff --git a/src/main/helm/helm-release-manager.ts b/src/main/helm/helm-release-manager.ts
index c537a31aab..f0907dc3c2 100644
--- a/src/main/helm/helm-release-manager.ts
+++ b/src/main/helm/helm-release-manager.ts
@@ -191,10 +191,14 @@ async function getResources(name: string, namespace: string, kubeconfigPath: str
   ];
   const kubectlArgs = [
     "get",
-    "--namespace", namespace,
     "--kubeconfig", kubeconfigPath,
     "-f", "-",
     "--output", "json",
+    // Temporary workaround for https://github.com/lensapp/lens/issues/6031
+    // and other potential issues where resources can't be found. Showing
+    // no resources is better than the app hard-locking, and at least
+    // the helm metadata is shown.
+    "--ignore-not-found",
   ];
 
   try {
@@ -209,9 +213,13 @@ async function getResources(name: string, namespace: string, kubeconfigPath: str
         .on("exit", (code, signal) => {
           if (typeof code === "number") {
             if (code === 0) {
-              const output = json.parse(stdout) as { items: JsonObject[] };
+              if (stdout === "") {
+                resolve([]);
+              } else {
+                const output = json.parse(stdout) as { items: JsonObject[] };
 
-              resolve(output.items);
+                resolve(output.items);
+              }
             } else {
               reject(stderr);
             }
diff --git a/src/main/helm/helm-service/get-helm-chart-values.injectable.ts b/src/main/helm/helm-service/get-helm-chart-values.injectable.ts
index 2394a591f0..489f8b8521 100644
--- a/src/main/helm/helm-service/get-helm-chart-values.injectable.ts
+++ b/src/main/helm/helm-service/get-helm-chart-values.injectable.ts
@@ -3,14 +3,16 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { HelmChartManager } from "../helm-chart-manager";
 import getActiveHelmRepositoryInjectable from "../repositories/get-active-helm-repository.injectable";
+import type { HelmRepo } from "../../../common/helm/helm-repo";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
 
 const getHelmChartValuesInjectable = getInjectable({
   id: "get-helm-chart-values",
 
   instantiate: (di) => {
     const getActiveHelmRepository = di.inject(getActiveHelmRepositoryInjectable);
+    const getChartManager = (repo: HelmRepo) => di.inject(helmChartManagerInjectable, repo);
 
     return async (repoName: string, chartName: string, version = "") => {
       const repo = await getActiveHelmRepository(repoName);
@@ -19,7 +21,7 @@ const getHelmChartValuesInjectable = getInjectable({
         return undefined;
       }
 
-      return HelmChartManager.forRepo(repo).getValues(chartName, version);
+      return getChartManager(repo).getValues(chartName, version);
     };
   },
 
diff --git a/src/main/helm/helm-service/get-helm-chart.injectable.ts b/src/main/helm/helm-service/get-helm-chart.injectable.ts
index 1a5a43da36..bd9615a3c4 100644
--- a/src/main/helm/helm-service/get-helm-chart.injectable.ts
+++ b/src/main/helm/helm-service/get-helm-chart.injectable.ts
@@ -3,14 +3,16 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { HelmChartManager } from "../helm-chart-manager";
 import getActiveHelmRepositoryInjectable from "../repositories/get-active-helm-repository.injectable";
+import type { HelmRepo } from "../../../common/helm/helm-repo";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
 
 const getHelmChartInjectable = getInjectable({
   id: "get-helm-chart",
 
   instantiate: (di) => {
     const getActiveHelmRepository = di.inject(getActiveHelmRepositoryInjectable);
+    const getChartManager = (repo: HelmRepo) => di.inject(helmChartManagerInjectable, repo);
 
     return async (repoName: string, chartName: string, version = "") => {
       const repo = await getActiveHelmRepository(repoName);
@@ -19,7 +21,7 @@ const getHelmChartInjectable = getInjectable({
         return undefined;
       }
 
-      const chartManager = HelmChartManager.forRepo(repo);
+      const chartManager = getChartManager(repo);
 
       return {
         readme: await chartManager.getReadme(chartName, version),
diff --git a/src/main/helm/helm-service/list-helm-charts.injectable.ts b/src/main/helm/helm-service/list-helm-charts.injectable.ts
index b537021f0f..c5be54fd67 100644
--- a/src/main/helm/helm-service/list-helm-charts.injectable.ts
+++ b/src/main/helm/helm-service/list-helm-charts.injectable.ts
@@ -5,14 +5,16 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import assert from "assert";
 import { object } from "../../../common/utils";
-import { HelmChartManager } from "../helm-chart-manager";
 import getActiveHelmRepositoriesInjectable from "../repositories/get-active-helm-repositories/get-active-helm-repositories.injectable";
+import type { HelmRepo } from "../../../common/helm/helm-repo";
+import helmChartManagerInjectable from "../helm-chart-manager.injectable";
 
 const listHelmChartsInjectable = getInjectable({
   id: "list-helm-charts",
 
   instantiate: (di) => {
     const getActiveHelmRepositories = di.inject(getActiveHelmRepositoriesInjectable);
+    const getChartManager = (repo: HelmRepo) => di.inject(helmChartManagerInjectable, repo);
 
     return async () => {
       const result = await getActiveHelmRepositories();
@@ -27,7 +29,7 @@ const listHelmChartsInjectable = getInjectable({
             async (repo) =>
               [
                 repo.name,
-                await HelmChartManager.forRepo(repo).charts(),
+                await getChartManager(repo).charts(),
               ] as const,
           ),
         ),
diff --git a/src/main/index.ts b/src/main/index.ts
index dcb8c60f8b..8a95ad02db 100644
--- a/src/main/index.ts
+++ b/src/main/index.ts
@@ -10,12 +10,15 @@ import * as LensExtensionsCommonApi from "../extensions/common-api";
 import * as LensExtensionsMainApi from "../extensions/main-api";
 import { getDi } from "./getDi";
 import startMainApplicationInjectable from "./start-main-application/start-main-application.injectable";
+import shouldStartHiddenInjectable from "./electron-app/features/should-start-hidden.injectable";
 
 const di = getDi();
 
+const shouldStartHidden = di.inject(shouldStartHiddenInjectable);
+
 const startApplication = di.inject(startMainApplicationInjectable);
 
-void startApplication();
+void startApplication(!shouldStartHidden);
 
 /**
  * Exports for virtual package "@k8slens/extensions" for main-process.
diff --git a/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts b/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts
index 8546adb4fb..67cfd8c26e 100644
--- a/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts
+++ b/src/main/kube-auth-proxy/create-kube-auth-proxy.injectable.ts
@@ -13,6 +13,7 @@ import spawnInjectable from "../child-process/spawn.injectable";
 import { getKubeAuthProxyCertificate } from "./get-kube-auth-proxy-certificate";
 import loggerInjectable from "../../common/logger.injectable";
 import baseBundledBinariesDirectoryInjectable from "../../common/vars/base-bundled-binaries-dir.injectable";
+import waitUntilPortIsUsedInjectable from "./wait-until-port-is-used/wait-until-port-is-used.injectable";
 
 export type CreateKubeAuthProxy = (cluster: Cluster, environmentVariables: NodeJS.ProcessEnv) => KubeAuthProxy;
 
@@ -29,6 +30,7 @@ const createKubeAuthProxyInjectable = getInjectable({
         proxyCert: getKubeAuthProxyCertificate(clusterUrl.hostname, selfsigned.generate),
         spawn: di.inject(spawnInjectable),
         logger: di.inject(loggerInjectable),
+        waitUntilPortIsUsed: di.inject(waitUntilPortIsUsedInjectable),
       };
 
       return new KubeAuthProxy(dependencies, cluster, environmentVariables);
diff --git a/src/main/kube-auth-proxy/kube-auth-proxy.ts b/src/main/kube-auth-proxy/kube-auth-proxy.ts
index 414ea334da..a6067e548b 100644
--- a/src/main/kube-auth-proxy/kube-auth-proxy.ts
+++ b/src/main/kube-auth-proxy/kube-auth-proxy.ts
@@ -4,10 +4,8 @@
  */
 
 import type { ChildProcess } from "child_process";
-import { waitUntilUsed } from "tcp-port-used";
 import { randomBytes } from "crypto";
 import type { Cluster } from "../../common/cluster/cluster";
-import logger from "../logger";
 import { getPortFrom } from "../utils/get-port";
 import { makeObservable, observable, when } from "mobx";
 import type { SelfSignedCert } from "selfsigned";
@@ -15,14 +13,19 @@ import assert from "assert";
 import { TypedRegEx } from "typed-regex";
 import type { Spawn } from "../child-process/spawn.injectable";
 import type { Logger } from "../../common/logger";
+import type { WaitUntilPortIsUsed } from "./wait-until-port-is-used/wait-until-port-is-used.injectable";
 
-const startingServeRegex = TypedRegEx("starting to serve on (?<address>.+)", "i");
+const startingServeMatcher = "starting to serve on (?<address>.+)";
+const startingServeRegex = Object.assign(TypedRegEx(startingServeMatcher, "i"), {
+  rawMatcher: startingServeMatcher,
+});
 
 export interface KubeAuthProxyDependencies {
   readonly proxyBinPath: string;
   readonly proxyCert: SelfSignedCert;
-  spawn: Spawn;
+  readonly spawn: Spawn;
   readonly logger: Logger;
+  readonly waitUntilPortIsUsed: WaitUntilPortIsUsed;
 }
 
 export class KubeAuthProxy {
@@ -103,13 +106,13 @@ export class KubeAuthProxy {
       onFind: () => this.cluster.broadcastConnectUpdate("Authentication proxy started"),
     });
 
-    logger.info(`[KUBE-AUTH-PROXY]: found port=${this._port}`);
+    this.dependencies.logger.info(`[KUBE-AUTH-PROXY]: found port=${this._port}`);
 
     try {
-      await waitUntilUsed(this.port, 500, 10000);
+      await this.dependencies.waitUntilPortIsUsed(this.port, 500, 10000);
       this.ready = true;
     } catch (error) {
-      logger.warn("[KUBE-AUTH-PROXY]: waitUntilUsed failed", error);
+      this.dependencies.logger.warn("[KUBE-AUTH-PROXY]: waitUntilUsed failed", error);
       this.cluster.broadcastConnectUpdate("Proxy port failed to be used within timelimit, restarting...", true);
       this.exit();
 
@@ -121,7 +124,7 @@ export class KubeAuthProxy {
     this.ready = false;
 
     if (this.proxyProcess) {
-      logger.debug("[KUBE-AUTH]: stopping local proxy", this.cluster.getMeta());
+      this.dependencies.logger.debug("[KUBE-AUTH]: stopping local proxy", this.cluster.getMeta());
       this.proxyProcess.removeAllListeners();
       this.proxyProcess.stderr?.removeAllListeners();
       this.proxyProcess.stdout?.removeAllListeners();
diff --git a/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.global-override-for-injectable.ts b/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.global-override-for-injectable.ts
new file mode 100644
index 0000000000..86f1e374cd
--- /dev/null
+++ b/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.global-override-for-injectable.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+import waitUntilPortIsUsedInjectable from "./wait-until-port-is-used.injectable";
+
+export default getGlobalOverride(
+  waitUntilPortIsUsedInjectable,
+  () => () => {
+    throw new Error(
+      "Tried to wait until port is used without explicit override.",
+    );
+  },
+);
diff --git a/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.injectable.ts b/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.injectable.ts
new file mode 100644
index 0000000000..2d1662ac6a
--- /dev/null
+++ b/src/main/kube-auth-proxy/wait-until-port-is-used/wait-until-port-is-used.injectable.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { waitUntilUsed } from "tcp-port-used";
+
+export type WaitUntilPortIsUsed = (
+  port: number,
+  retryAfterMs: number,
+  timeoutAfterMs: number
+) => Promise<void>;
+
+const waitUntilPortIsUsedInjectable = getInjectable({
+  id: "wait-until-port-is-used",
+  instantiate: (): WaitUntilPortIsUsed => waitUntilUsed,
+  causesSideEffects: true,
+});
+
+export default waitUntilPortIsUsedInjectable;
diff --git a/src/main/kubectl/kubectl.ts b/src/main/kubectl/kubectl.ts
index 55f7e4675d..2e70f3c7ee 100644
--- a/src/main/kubectl/kubectl.ts
+++ b/src/main/kubectl/kubectl.ts
@@ -67,7 +67,7 @@ export class Kubectl {
     let version: SemVer;
 
     try {
-      version = new SemVer(clusterVersion, { includePrerelease: false });
+      version = new SemVer(clusterVersion);
     } catch {
       version = new SemVer(Kubectl.bundledKubectlVersion);
     }
@@ -132,8 +132,7 @@ export class Kubectl {
 
       return this.path;
     } catch (err) {
-      logger.error("Failed to ensure kubectl, fallback to the bundled version");
-      logger.error(err);
+      logger.error("Failed to ensure kubectl, fallback to the bundled version", err);
 
       return this.getBundledPath();
     }
@@ -146,7 +145,7 @@ export class Kubectl {
 
       return this.dirname;
     } catch (err) {
-      logger.error(err);
+      logger.error("Failed to get biniary directory", err);
 
       return "";
     }
diff --git a/src/main/menu/application-menu-items.injectable.ts b/src/main/menu/application-menu-items.injectable.ts
index f223c539c6..34d0955d77 100644
--- a/src/main/menu/application-menu-items.injectable.ts
+++ b/src/main/menu/application-menu-items.injectable.ts
@@ -5,7 +5,6 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { docsUrl, productName, supportUrl } from "../../common/vars";
 import { broadcastMessage } from "../../common/ipc";
-import { openBrowser } from "../../common/utils";
 import type { MenuItemConstructorOptions } from "electron";
 import { webContents } from "electron";
 import loggerInjectable from "../../common/logger.injectable";
@@ -21,10 +20,10 @@ import stopServicesAndExitAppInjectable from "../stop-services-and-exit-app.inje
 import isMacInjectable from "../../common/vars/is-mac.injectable";
 import { computed } from "mobx";
 import showAboutInjectable from "./show-about.injectable";
-import applicationWindowInjectable from "../start-main-application/lens-window/application-window/application-window.injectable";
-import reloadWindowInjectable from "../start-main-application/lens-window/reload-window.injectable";
+import reloadCurrentApplicationWindowInjectable from "../start-main-application/lens-window/reload-current-application-window.injectable";
 import showApplicationWindowInjectable from "../start-main-application/lens-window/show-application-window.injectable";
 import processCheckingForUpdatesInjectable from "../application-update/check-for-updates/process-checking-for-updates.injectable";
+import openLinkInBrowserInjectable from "../../common/utils/open-link-in-browser.injectable";
 
 function ignoreIf(check: boolean, menuItems: MenuItemOpts[]) {
   return check ? [] : menuItems;
@@ -44,9 +43,8 @@ const applicationMenuItemsInjectable = getInjectable({
     const updatingIsEnabled = di.inject(updatingIsEnabledInjectable);
     const electronMenuItems = di.inject(electronMenuItemsInjectable);
     const showAbout = di.inject(showAboutInjectable);
-    const applicationWindow = di.inject(applicationWindowInjectable);
     const showApplicationWindow = di.inject(showApplicationWindowInjectable);
-    const reloadApplicationWindow = di.inject(reloadWindowInjectable, applicationWindow);
+    const reloadApplicationWindow = di.inject(reloadCurrentApplicationWindowInjectable);
     const navigateToPreferences = di.inject(navigateToPreferencesInjectable);
     const navigateToExtensions = di.inject(navigateToExtensionsInjectable);
     const navigateToCatalog = di.inject(navigateToCatalogInjectable);
@@ -54,6 +52,7 @@ const applicationMenuItemsInjectable = getInjectable({
     const navigateToAddCluster = di.inject(navigateToAddClusterInjectable);
     const stopServicesAndExitApp = di.inject(stopServicesAndExitAppInjectable);
     const processCheckingForUpdates = di.inject(processCheckingForUpdatesInjectable);
+    const openLinkInBrowser = di.inject(openLinkInBrowserInjectable);
 
     logger.info(`[MENU]: autoUpdateEnabled=${updatingIsEnabled}`);
 
@@ -260,7 +259,7 @@ const applicationMenuItemsInjectable = getInjectable({
             label: "Documentation",
             id: "documentation",
             click: async () => {
-              openBrowser(docsUrl).catch((error) => {
+              openLinkInBrowser(docsUrl).catch((error) => {
                 logger.error("[MENU]: failed to open browser", { error });
               });
             },
@@ -269,7 +268,7 @@ const applicationMenuItemsInjectable = getInjectable({
             label: "Support",
             id: "support",
             click: async () => {
-              openBrowser(supportUrl).catch((error) => {
+              openLinkInBrowser(supportUrl).catch((error) => {
                 logger.error("[MENU]: failed to open browser", { error });
               });
             },
diff --git a/src/main/menu/build-version.global-override-for-injectable.ts b/src/main/menu/build-version.global-override-for-injectable.ts
new file mode 100644
index 0000000000..9c2331f72d
--- /dev/null
+++ b/src/main/menu/build-version.global-override-for-injectable.ts
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getGlobalOverride } from "../../common/test-utils/get-global-override";
+import buildVersionInjectable from "./build-version.injectable";
+
+export default getGlobalOverride(buildVersionInjectable, () => "6.0.0");
diff --git a/src/main/menu/build-version.injectable.ts b/src/main/menu/build-version.injectable.ts
new file mode 100644
index 0000000000..d94594cc84
--- /dev/null
+++ b/src/main/menu/build-version.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import electronAppInjectable from "../electron-app/electron-app.injectable";
+
+const buildVersionInjectable = getInjectable({
+  id: "build-version",
+  instantiate: (di) => di.inject(electronAppInjectable).getVersion(),
+});
+
+export default buildVersionInjectable;
diff --git a/src/main/menu/menu.ts b/src/main/menu/menu.ts
index fd6bc6c264..1454f38999 100644
--- a/src/main/menu/menu.ts
+++ b/src/main/menu/menu.ts
@@ -2,7 +2,7 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { app, Menu } from "electron";
+import { Menu } from "electron";
 import { appName, isWindows, productName } from "../../common/vars";
 import packageJson from "../../../package.json";
 import type { MenuItemOpts } from "./application-menu-items.injectable";
@@ -11,12 +11,15 @@ import type { ShowMessagePopup } from "../electron-app/features/show-message-pop
 export type MenuTopId = "mac" | "file" | "edit" | "view" | "help";
 
 interface Dependencies {
+  appVersion: string;
+  extensionApiVersion: string;
   showMessagePopup: ShowMessagePopup;
 }
 
-export const showAbout = ({ showMessagePopup }: Dependencies) => async () => {
+export const showAbout = ({ showMessagePopup, extensionApiVersion, appVersion }: Dependencies) => async () => {
   const appInfo = [
-    `${appName}: ${app.getVersion()}`,
+    `${appName}: ${appVersion}`,
+    `Extension API: ${extensionApiVersion}`,
     `Electron: ${process.versions.electron}`,
     `Chrome: ${process.versions.chrome}`,
     `Node: ${process.versions.node}`,
diff --git a/src/main/menu/show-about.injectable.ts b/src/main/menu/show-about.injectable.ts
index e79923d4c2..b65530261d 100644
--- a/src/main/menu/show-about.injectable.ts
+++ b/src/main/menu/show-about.injectable.ts
@@ -5,12 +5,18 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { showAbout } from "./menu";
 import showMessagePopupInjectable from "../electron-app/features/show-message-popup.injectable";
+import appVersionInjectable from "../../common/vars/app-version.injectable";
+import buildVersionInjectable from "./build-version.injectable";
 
 const showAboutInjectable = getInjectable({
   id: "show-about",
 
   instantiate: (di) =>
-    showAbout({ showMessagePopup: di.inject(showMessagePopupInjectable) }),
+    showAbout({ 
+      appVersion: di.inject(buildVersionInjectable),
+      extensionApiVersion: di.inject(appVersionInjectable),
+      showMessagePopup: di.inject(showMessagePopupInjectable),
+    }),
 });
 
 export default showAboutInjectable;
diff --git a/src/main/prometheus/helm-14.ts b/src/main/prometheus/helm-14.ts
new file mode 100644
index 0000000000..7ffac4560b
--- /dev/null
+++ b/src/main/prometheus/helm-14.ts
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { PrometheusLens } from "./lens";
+import type { CoreV1Api } from "@kubernetes/client-node";
+import type { PrometheusService } from "./provider-registry";
+import { isRequestError } from "../../common/utils";
+
+export class PrometheusHelm14 extends PrometheusLens {
+  readonly id: string = "helm14";
+  readonly name: string = "Helm 14.x";
+  readonly rateAccuracy: string = "5m";
+  readonly isConfigurable: boolean = true;
+
+  public async getPrometheusService(client: CoreV1Api): Promise<PrometheusService> {
+    try {
+      const selector = "app=prometheus,component=server,heritage=Helm";
+      const { body: { items: [service] }} = await client.listServiceForAllNamespaces(undefined, undefined, undefined, selector);
+
+      if (service?.metadata?.namespace && service.metadata.name && service.spec?.ports && service.metadata?.labels?.chart?.startsWith("prometheus-14")) {
+        return {
+          id: this.id,
+          namespace: service.metadata.namespace,
+          service: service.metadata.name,
+          port: service.spec.ports[0].port,
+        };
+      }
+    } catch (error) {
+      throw new Error(`Failed to list services for Prometheus ${this.name} in all namespaces: ${isRequestError(error) ? error.response?.body.message : error}`);
+    }
+
+    throw new Error(`No service found for Prometheus ${this.name} from any namespace`);
+  }
+}
diff --git a/src/main/prometheus/helm.ts b/src/main/prometheus/helm.ts
index d797ca014c..a2e80cf12e 100644
--- a/src/main/prometheus/helm.ts
+++ b/src/main/prometheus/helm.ts
@@ -3,11 +3,10 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import { PrometheusLens } from "./lens";
 import type { CoreV1Api } from "@kubernetes/client-node";
-import type { PrometheusService } from "./provider-registry";
-
-export class PrometheusHelm extends PrometheusLens {
+import { inspect } from "util";
+import { PrometheusProvider, type PrometheusService } from "./provider-registry";
+export class PrometheusHelm extends PrometheusProvider {
   readonly id: string = "helm";
   readonly name: string = "Helm";
   readonly rateAccuracy: string = "5m";
@@ -16,4 +15,115 @@ export class PrometheusHelm extends PrometheusLens {
   public async getPrometheusService(client: CoreV1Api): Promise<PrometheusService> {
     return this.getFirstNamespacedService(client, "app=prometheus,component=server,heritage=Helm");
   }
+
+  public getQuery(opts: Record<string, string>, queryName: string): string {
+    switch(opts.category) {
+      case "cluster":
+        switch (queryName) {
+          case "memoryUsage":
+            return `sum(node_memory_MemTotal_bytes - (node_memory_MemFree_bytes + node_memory_Buffers_bytes + node_memory_Cached_bytes)) by (component)`.replace(/_bytes/g, `_bytes{node=~"${opts.nodes}"}`);
+          case "workloadMemoryUsage":
+            return `sum(container_memory_working_set_bytes{container!="POD",container!="",instance=~"${opts.nodes}"}) by (component)`;
+          case "memoryRequests":
+            return `sum(kube_pod_container_resource_requests{node=~"${opts.nodes}", resource="memory"}) by (component)`;
+          case "memoryLimits":
+            return `sum(kube_pod_container_resource_limits{node=~"${opts.nodes}", resource="memory"}) by (component)`;
+          case "memoryCapacity":
+            return `sum(kube_node_status_capacity{node=~"${opts.nodes}", resource="memory"}) by (component)`;
+          case "memoryAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{node=~"${opts.nodes}", resource="memory"}) by (component)`;
+          case "cpuUsage":
+            return `sum(rate(node_cpu_seconds_total{node=~"${opts.nodes}", mode=~"user|system"}[${this.rateAccuracy}]))`;
+          case "cpuRequests":
+            return `sum(kube_pod_container_resource_requests{node=~"${opts.nodes}", resource="cpu"}) by (component)`;
+          case "cpuLimits":
+            return `sum(kube_pod_container_resource_limits{node=~"${opts.nodes}", resource="cpu"}) by (component)`;
+          case "cpuCapacity":
+            return `sum(kube_node_status_capacity{node=~"${opts.nodes}", resource="cpu"}) by (component)`;
+          case "cpuAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{node=~"${opts.nodes}", resource="cpu"}) by (component)`;
+          case "podUsage":
+            return `sum({__name__=~"kubelet_running_pod_count|kubelet_running_pods", instance=~"${opts.nodes}"})`;
+          case "podCapacity":
+            return `sum(kube_node_status_capacity{node=~"${opts.nodes}", resource="pods"}) by (component)`;
+          case "podAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{node=~"${opts.nodes}", resource="pods"}) by (component)`;
+          case "fsSize":
+            return `sum(node_filesystem_size_bytes{node=~"${opts.nodes}", mountpoint="/"}) by (node)`;
+          case "fsUsage":
+            return `sum(node_filesystem_size_bytes{node=~"${opts.nodes}", mountpoint="/"} - node_filesystem_avail_bytes{node=~"${opts.nodes}", mountpoint="/"}) by (node)`;
+        }
+        break;
+      case "nodes":
+        switch (queryName) {
+          case "memoryUsage":
+            return `sum(node_memory_MemTotal_bytes - (node_memory_MemFree_bytes + node_memory_Buffers_bytes + node_memory_Cached_bytes)) by (node)`;
+          case "workloadMemoryUsage":
+            return `sum(container_memory_working_set_bytes{container!="POD",container!=""}) by (instance)`;
+          case "memoryCapacity":
+            return `sum(kube_node_status_capacity{resource="memory"}) by (node)`;
+          case "memoryAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{resource="memory"}) by (node)`;
+          case "cpuUsage":
+            return `sum(rate(node_cpu_seconds_total{mode=~"user|system"}[${this.rateAccuracy}])) by(node)`;
+          case "cpuCapacity":
+            return `sum(kube_node_status_allocatable{resource="cpu"}) by (node)`;
+          case "cpuAllocatableCapacity":
+            return `sum(kube_node_status_allocatable{resource="cpu"}) by (node)`;
+          case "fsSize":
+            return `sum(node_filesystem_size_bytes{mountpoint="/"}) by (node)`;
+          case "fsUsage":
+            return `sum(node_filesystem_size_bytes{mountpoint="/"} - node_filesystem_avail_bytes{mountpoint="/"}) by (node)`;
+        }
+        break;
+      case "pods":
+        switch (queryName) {
+          case "cpuUsage":
+            return `sum(rate(container_cpu_usage_seconds_total{container!="POD",container!="",pod=~"${opts.pods}",namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (${opts.selector})`;
+          case "cpuRequests":
+            return `sum(kube_pod_container_resource_requests{pod=~"${opts.pods}",resource="cpu",namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "cpuLimits":
+            return `sum(kube_pod_container_resource_limits{pod=~"${opts.pods}",resource="cpu",namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "memoryUsage":
+            return `sum(container_memory_working_set_bytes{container!="POD",container!="",pod=~"${opts.pods}",namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "memoryRequests":
+            return `sum(kube_pod_container_resource_requests{pod=~"${opts.pods}",resource="memory",namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "memoryLimits":
+            return `sum(kube_pod_container_resource_limits{pod=~"${opts.pods}",resource="memory",namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "fsUsage":
+            return `sum(container_fs_usage_bytes{container!="POD",container!="",pod=~"${opts.pods}",namespace="${opts.namespace}"}) by (${opts.selector})`;
+          case "fsWrites":
+            return `sum(rate(container_fs_writes_bytes_total{container!="", pod=~"${opts.pods}", namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (${opts.selector})`;
+          case "fsReads":
+            return `sum(rate(container_fs_reads_bytes_total{container!="", pod=~"${opts.pods}", namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (${opts.selector})`;
+          case "networkReceive":
+            return `sum(rate(container_network_receive_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (${opts.selector})`;
+          case "networkTransmit":
+            return `sum(rate(container_network_transmit_bytes_total{pod=~"${opts.pods}",namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (${opts.selector})`;
+        }
+        break;
+      case "pvc":
+        switch (queryName) {
+          case "diskUsage":
+            return `sum(kubelet_volume_stats_used_bytes{persistentvolumeclaim="${opts.pvc}",namespace="${opts.namespace}"}) by (persistentvolumeclaim, namespace)`;
+          case "diskCapacity":
+            return `sum(kubelet_volume_stats_capacity_bytes{persistentvolumeclaim="${opts.pvc}",namespace="${opts.namespace}"}) by (persistentvolumeclaim, namespace)`;
+        }
+        break;
+      case "ingress":
+        switch (queryName) {
+          case "bytesSentSuccess":
+            return this.bytesSent(opts.ingress, opts.namespace, "^2\\\\d*");
+          case "bytesSentFailure":
+            return this.bytesSent(opts.ingress, opts.namespace, "^5\\\\d*");
+          case "requestDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_request_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (ingress, namespace)`;
+          case "responseDurationSeconds":
+            return `sum(rate(nginx_ingress_controller_response_duration_seconds_sum{ingress="${opts.ingress}",namespace="${opts.namespace}"}[${this.rateAccuracy}])) by (ingress, namespace)`;
+        }
+        break;
+    }
+
+    throw new Error(`Unknown query name ${inspect(queryName, false, undefined, false)} for category: ${inspect(opts.category, false, undefined, false)}`);
+  }
 }
diff --git a/src/main/prometheus/operator.ts b/src/main/prometheus/operator.ts
index 4673cad815..504bb93136 100644
--- a/src/main/prometheus/operator.ts
+++ b/src/main/prometheus/operator.ts
@@ -15,7 +15,7 @@ export class PrometheusOperator extends PrometheusProvider {
   readonly isConfigurable: boolean = true;
 
   public async getPrometheusService(client: CoreV1Api): Promise<PrometheusService> {
-    return this.getFirstNamespacedService(client, "operated-prometheus=true", "self-monitor=true");
+    return this.getFirstNamespacedService(client, "operated-prometheus=true");
   }
 
   public getQuery(opts: Record<string, string>, queryName: string): string {
diff --git a/src/main/protocol-handler/__test__/router.test.ts b/src/main/protocol-handler/__test__/router.test.ts
index 868aaee7dc..55aecaa8a0 100644
--- a/src/main/protocol-handler/__test__/router.test.ts
+++ b/src/main/protocol-handler/__test__/router.test.ts
@@ -5,7 +5,6 @@
 
 import * as uuid from "uuid";
 
-import { broadcastMessage } from "../../../common/ipc";
 import { ProtocolHandlerExtension, ProtocolHandlerInternal, ProtocolHandlerInvalid } from "../../../common/protocol-handler";
 import { delay, noop } from "../../../common/utils";
 import type { ExtensionsStore, IsEnabledExtensionDescriptor } from "../../../extensions/extensions-store/extensions-store";
@@ -14,14 +13,12 @@ import { getDiForUnitTesting } from "../../getDiForUnitTesting";
 import lensProtocolRouterMainInjectable from "../lens-protocol-router-main/lens-protocol-router-main.injectable";
 import extensionsStoreInjectable from "../../../extensions/extensions-store/extensions-store.injectable";
 import getConfigurationFileModelInjectable from "../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import { LensExtension } from "../../../extensions/lens-extension";
 import type { LensExtensionId } from "../../../extensions/lens-extension";
 import type { ObservableMap } from "mobx";
 import extensionInstancesInjectable from "../../../extensions/extension-loader/extension-instances.injectable";
 import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
-
-jest.mock("../../../common/ipc");
+import broadcastMessageInjectable from "../../../common/ipc/broadcast-message.injectable";
 
 function throwIfDefined(val: any): void {
   if (val != null) {
@@ -33,6 +30,7 @@ describe("protocol router tests", () => {
   let extensionInstances: ObservableMap<LensExtensionId, LensExtension>;
   let lpr: LensProtocolRouterMain;
   let enabledExtensions: Set<string>;
+  let broadcastMessageMock: jest.Mock;
 
   beforeEach(async () => {
     const di = getDiForUnitTesting({ doGeneralOverrides: true });
@@ -44,10 +42,12 @@ describe("protocol router tests", () => {
     } as unknown as ExtensionsStore));
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
 
+    broadcastMessageMock = jest.fn();
+    di.override(broadcastMessageInjectable, () => broadcastMessageMock);
+
     extensionInstances = di.inject(extensionInstancesInjectable);
     lpr = di.inject(lensProtocolRouterMainInjectable);
 
@@ -56,12 +56,12 @@ describe("protocol router tests", () => {
 
   it("should broadcast invalid protocol on non-lens URLs", async () => {
     await lpr.route("https://google.ca");
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerInvalid, "invalid protocol", "https://google.ca");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInvalid, "invalid protocol", "https://google.ca");
   });
 
   it("should broadcast invalid host on non internal or non extension URLs", async () => {
     await lpr.route("lens://foobar");
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerInvalid, "invalid host", "lens://foobar");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInvalid, "invalid host", "lens://foobar");
   });
 
   it("should not throw when has valid host", async () => {
@@ -103,8 +103,8 @@ describe("protocol router tests", () => {
     }
 
     await delay(50);
-    expect(broadcastMessage).toHaveBeenCalledWith(ProtocolHandlerInternal, "lens://app", "matched");
-    expect(broadcastMessage).toHaveBeenCalledWith(ProtocolHandlerExtension, "lens://extension/@mirantis/minikube", "matched");
+    expect(broadcastMessageMock).toHaveBeenCalledWith(ProtocolHandlerInternal, "lens://app", "matched");
+    expect(broadcastMessageMock).toHaveBeenCalledWith(ProtocolHandlerExtension, "lens://extension/@mirantis/minikube", "matched");
   });
 
   it("should call handler if matches", async () => {
@@ -119,7 +119,7 @@ describe("protocol router tests", () => {
     }
 
     expect(called).toBe(true);
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page", "matched");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page", "matched");
   });
 
   it("should call most exact handler", async () => {
@@ -135,7 +135,7 @@ describe("protocol router tests", () => {
     }
 
     expect(called).toBe("foo");
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo", "matched");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo", "matched");
   });
 
   it("should call most exact handler for an extension", async () => {
@@ -176,7 +176,7 @@ describe("protocol router tests", () => {
 
     await delay(50);
     expect(called).toBe("foob");
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerExtension, "lens://extension/@foobar/icecream/page/foob", "matched");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerExtension, "lens://extension/@foobar/icecream/page/foob", "matched");
   });
 
   it("should work with non-org extensions", async () => {
@@ -246,7 +246,7 @@ describe("protocol router tests", () => {
     await delay(50);
 
     expect(called).toBe(1);
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerExtension, "lens://extension/icecream/page", "matched");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerExtension, "lens://extension/icecream/page", "matched");
   });
 
   it("should throw if urlSchema is invalid", () => {
@@ -268,7 +268,7 @@ describe("protocol router tests", () => {
     }
 
     expect(called).toBe(3);
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo/bar/bat", "matched");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo/bar/bat", "matched");
   });
 
   it("should call most exact handler with 2 found handlers", async () => {
@@ -285,6 +285,6 @@ describe("protocol router tests", () => {
     }
 
     expect(called).toBe(1);
-    expect(broadcastMessage).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo/bar/bat", "matched");
+    expect(broadcastMessageMock).toBeCalledWith(ProtocolHandlerInternal, "lens://app/page/foo/bar/bat", "matched");
   });
 });
diff --git a/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable.ts b/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable.ts
index 630d63d82c..bce91119c2 100644
--- a/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable.ts
+++ b/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.injectable.ts
@@ -7,6 +7,8 @@ import extensionLoaderInjectable from "../../../extensions/extension-loader/exte
 import { LensProtocolRouterMain } from "./lens-protocol-router-main";
 import extensionsStoreInjectable from "../../../extensions/extensions-store/extensions-store.injectable";
 import showApplicationWindowInjectable from "../../start-main-application/lens-window/show-application-window.injectable";
+import broadcastMessageInjectable from "../../../common/ipc/broadcast-message.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
 
 const lensProtocolRouterMainInjectable = getInjectable({
   id: "lens-protocol-router-main",
@@ -16,6 +18,8 @@ const lensProtocolRouterMainInjectable = getInjectable({
       extensionLoader: di.inject(extensionLoaderInjectable),
       extensionsStore: di.inject(extensionsStoreInjectable),
       showApplicationWindow: di.inject(showApplicationWindowInjectable),
+      broadcastMessage: di.inject(broadcastMessageInjectable),
+      logger: di.inject(loggerInjectable),
     }),
 });
 
diff --git a/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts b/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts
index 14b8fa3347..3beb596e4e 100644
--- a/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts
+++ b/src/main/protocol-handler/lens-protocol-router-main/lens-protocol-router-main.ts
@@ -3,15 +3,14 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import logger from "../../logger";
 import * as proto from "../../../common/protocol-handler";
 import URLParse from "url-parse";
 import type { LensExtension } from "../../../extensions/lens-extension";
-import { broadcastMessage } from "../../../common/ipc";
 import { observable, when, makeObservable } from "mobx";
 import type { LensProtocolRouterDependencies, RouteAttempt } from "../../../common/protocol-handler";
 import { ProtocolHandlerInvalid } from "../../../common/protocol-handler";
 import { disposer, noop } from "../../../common/utils";
+import type { BroadcastMessage } from "../../../common/ipc/broadcast-message.injectable";
 
 export interface FallbackHandler {
   (name: string): Promise<boolean>;
@@ -36,6 +35,7 @@ function checkHost<Query>(url: URLParse<Query>): boolean {
 
 export interface LensProtocolRouterMainDependencies extends LensProtocolRouterDependencies {
   showApplicationWindow: () => Promise<void>;
+  broadcastMessage: BroadcastMessage;
 }
 
 export class LensProtocolRouterMain extends proto.LensProtocolRouter {
@@ -73,7 +73,7 @@ export class LensProtocolRouterMain extends proto.LensProtocolRouter {
       this.dependencies.showApplicationWindow().catch(noop);
       const routeInternally = checkHost(url);
 
-      logger.info(`${proto.LensProtocolRouter.LoggingPrefix}: routing ${url.toString()}`);
+      this.dependencies.logger.info(`${proto.LensProtocolRouter.LoggingPrefix}: routing ${url.toString()}`);
 
       if (routeInternally) {
         this._routeToInternal(url);
@@ -81,12 +81,12 @@ export class LensProtocolRouterMain extends proto.LensProtocolRouter {
         await this._routeToExtension(url);
       }
     } catch (error) {
-      broadcastMessage(ProtocolHandlerInvalid, error ? String(error) : "unknown error", rawUrl);
+      this.dependencies.broadcastMessage(ProtocolHandlerInvalid, error ? String(error) : "unknown error", rawUrl);
 
       if (error instanceof proto.RoutingError) {
-        logger.error(`${proto.LensProtocolRouter.LoggingPrefix}: ${error}`, { url: error.url });
+        this.dependencies.logger.error(`${proto.LensProtocolRouter.LoggingPrefix}: ${error}`, { url: error.url });
       } else {
-        logger.error(`${proto.LensProtocolRouter.LoggingPrefix}: ${error}`, { rawUrl });
+        this.dependencies.logger.error(`${proto.LensProtocolRouter.LoggingPrefix}: ${error}`, { rawUrl });
       }
     }
   }
@@ -119,7 +119,7 @@ export class LensProtocolRouterMain extends proto.LensProtocolRouter {
     const rawUrl = url.toString(); // for sending to renderer
     const attempt = super._routeToInternal(url);
 
-    this.disposers.push(when(() => this.rendererLoaded, () => broadcastMessage(proto.ProtocolHandlerInternal, rawUrl, attempt)));
+    this.disposers.push(when(() => this.rendererLoaded, () => this.dependencies.broadcastMessage(proto.ProtocolHandlerInternal, rawUrl, attempt)));
 
     return attempt;
   }
@@ -136,7 +136,7 @@ export class LensProtocolRouterMain extends proto.LensProtocolRouter {
      */
     const attempt = await super._routeToExtension(new URLParse(url.toString(), true));
 
-    this.disposers.push(when(() => this.rendererLoaded, () => broadcastMessage(proto.ProtocolHandlerExtension, rawUrl, attempt)));
+    this.disposers.push(when(() => this.rendererLoaded, () => this.dependencies.broadcastMessage(proto.ProtocolHandlerExtension, rawUrl, attempt)));
 
     return attempt;
   }
diff --git a/src/main/router/router.test.ts b/src/main/router/router.test.ts
index a8467df3f2..a487104c72 100644
--- a/src/main/router/router.test.ts
+++ b/src/main/router/router.test.ts
@@ -20,6 +20,7 @@ import type { SetRequired } from "type-fest";
 import normalizedPlatformInjectable from "../../common/vars/normalized-platform.injectable";
 import kubectlBinaryNameInjectable from "../kubectl/binary-name.injectable";
 import kubectlDownloadingNormalizedArchInjectable from "../kubectl/normalized-arch.injectable";
+import { runInAction } from "mobx";
 
 describe("router", () => {
   let router: Router;
@@ -53,7 +54,9 @@ describe("router", () => {
       injectionToken: routeInjectionToken,
     });
 
-    di.register(injectable);
+    runInAction(() => {
+      di.register(injectable);
+    });
 
     router = di.inject(routerInjectable);
   });
diff --git a/src/main/routes/helm/releases/install-chart-route.injectable.ts b/src/main/routes/helm/releases/install-chart-route.injectable.ts
index a585443193..75969c4a2f 100644
--- a/src/main/routes/helm/releases/install-chart-route.injectable.ts
+++ b/src/main/routes/helm/releases/install-chart-route.injectable.ts
@@ -18,8 +18,7 @@ const installChartArgsValidator = Joi.object<InstallChartArgs, true, InstallChar
     .required()
     .unknown(true),
   name: Joi
-    .string()
-    .required(),
+    .string(),
   namespace: Joi
     .string()
     .required(),
diff --git a/src/main/routes/metrics/add-metrics-route.injectable.ts b/src/main/routes/metrics/add-metrics-route.injectable.ts
index 8bd6ad2c72..5f97ddf4c3 100644
--- a/src/main/routes/metrics/add-metrics-route.injectable.ts
+++ b/src/main/routes/metrics/add-metrics-route.injectable.ts
@@ -9,7 +9,6 @@ import type { ClusterPrometheusMetadata } from "../../../common/cluster-types";
 import { ClusterMetadataKey } from "../../../common/cluster-types";
 import logger from "../../logger";
 import type { Cluster } from "../../../common/cluster/cluster";
-import type { IMetricsQuery } from "./metrics-query";
 import { clusterRoute } from "../../router/route";
 import { isObject } from "lodash";
 import { isRequestError } from "../../../common/utils";
@@ -31,11 +30,11 @@ const loadMetricsFor = (getMetrics: GetMetrics) => async (promQueries: string[],
         } catch (error) {
           if (isRequestError(error)) {
             if (lastAttempt || (error.statusCode && error.statusCode >= 400 && error.statusCode < 500)) {
-              logger.error("[Metrics]: metrics not available", error?.response ? error.response?.body : error);
-              throw new Error("Metrics not available");
+              throw new Error("Metrics not available", { cause: error });
             }
+          } else if (error instanceof Error) {
+            throw new Error("Metrics not available", { cause: error });
           } else {
-            logger.error("[Metrics]: metrics not available", error);
             throw new Error("Metrics not available");
           }
 
@@ -60,7 +59,7 @@ const addMetricsRouteInjectable = getRouteInjectable({
     const getMetrics = di.inject(getMetricsInjectable);
     const loadMetrics = loadMetricsFor(getMetrics);
 
-    const queryParams: IMetricsQuery = Object.fromEntries(query.entries());
+    const queryParams = Object.fromEntries(query.entries());
     const prometheusMetadata: ClusterPrometheusMetadata = {};
 
     try {
diff --git a/src/main/routes/port-forward/functionality/port-forward.ts b/src/main/routes/port-forward/functionality/port-forward.ts
index eafe465972..43d8f9d425 100644
--- a/src/main/routes/port-forward/functionality/port-forward.ts
+++ b/src/main/routes/port-forward/functionality/port-forward.ts
@@ -9,7 +9,10 @@ import { spawn } from "child_process";
 import * as tcpPortUsed from "tcp-port-used";
 import { TypedRegEx } from "typed-regex";
 
-const internalPortRegex = TypedRegEx("^forwarding from (?<address>.+) ->", "i");
+const internalPortMatcher = "^forwarding from (?<address>.+) ->";
+const internalPortRegex = Object.assign(TypedRegEx(internalPortMatcher, "i"), {
+  rawMatcher: internalPortMatcher,
+});
 
 export interface PortForwardArgs {
   clusterId: string;
diff --git a/src/main/shell-sync.ts b/src/main/shell-sync.ts
index 4f78d973ae..d2c58d0abe 100644
--- a/src/main/shell-sync.ts
+++ b/src/main/shell-sync.ts
@@ -8,6 +8,7 @@ import os from "os";
 import { app } from "electron";
 import logger from "./logger";
 import { isSnap } from "../common/vars";
+import { unionPATHs } from "../common/utils/union-env-path";
 
 /**
  * shellSync loads what would have been the environment if this application was
@@ -25,7 +26,8 @@ export async function shellSync() {
   }
 
   if (!isSnap) {
-    process.env.PATH = env.PATH;
+    // Prefer the synced PATH over the initial one
+    process.env.PATH = unionPATHs(env.PATH ?? "",  process.env.PATH ?? "");
   }
 
   // The spread operator allows joining of objects. The precedence is last to first.
diff --git a/src/main/start-main-application/lens-window/application-window/application-window-injection-token.ts b/src/main/start-main-application/lens-window/application-window/application-window-injection-token.ts
new file mode 100644
index 0000000000..da469a0b7c
--- /dev/null
+++ b/src/main/start-main-application/lens-window/application-window/application-window-injection-token.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { LensWindow } from "./create-lens-window.injectable";
+
+export const applicationWindowInjectionToken = getInjectionToken<LensWindow>({
+  id: "application-window-injection-token",
+});
diff --git a/src/main/start-main-application/lens-window/application-window/application-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/application-window.injectable.ts
deleted file mode 100644
index 45d7631415..0000000000
--- a/src/main/start-main-application/lens-window/application-window/application-window.injectable.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { lensWindowInjectionToken } from "./lens-window-injection-token";
-import createLensWindowInjectable from "./create-lens-window.injectable";
-import lensProxyPortInjectable from "../../../lens-proxy/lens-proxy-port.injectable";
-import isMacInjectable from "../../../../common/vars/is-mac.injectable";
-import appNameInjectable from "../../../app-paths/app-name/app-name.injectable";
-import appEventBusInjectable from "../../../../common/app-event-bus/app-event-bus.injectable";
-import waitUntilBundledExtensionsAreLoadedInjectable from "./wait-until-bundled-extensions-are-loaded.injectable";
-
-const applicationWindowInjectable = getInjectable({
-  id: "application-window",
-
-  instantiate: (di) => {
-    const createLensWindow = di.inject(createLensWindowInjectable);
-    const isMac = di.inject(isMacInjectable);
-    const applicationName = di.inject(appNameInjectable);
-    const appEventBus = di.inject(appEventBusInjectable);
-    const waitUntilBundledExtensionsAreLoaded = di.inject(waitUntilBundledExtensionsAreLoadedInjectable);
-    const lensProxyPort = di.inject(lensProxyPortInjectable);
-
-    return createLensWindow({
-      id: "only-application-window",
-      title: applicationName,
-      defaultHeight: 900,
-      defaultWidth: 1440,
-      getContentSource: () => ({
-        url: `http://localhost:${lensProxyPort.get()}`,
-      }),
-      resizable: true,
-      windowFrameUtilitiesAreShown: isMac,
-      titleBarStyle: isMac ? "hiddenInset" : "hidden",
-      centered: false,
-      onFocus: () => {
-        appEventBus.emit({ name: "app", action: "focus" });
-      },
-      onBlur: () => {
-        appEventBus.emit({ name: "app", action: "blur" });
-      },
-      onDomReady: () => {
-        appEventBus.emit({ name: "app", action: "dom-ready" });
-      },
-      beforeOpen: waitUntilBundledExtensionsAreLoaded,
-    });
-  },
-
-  injectionToken: lensWindowInjectionToken,
-});
-
-export default applicationWindowInjectable;
diff --git a/src/main/start-main-application/lens-window/application-window/create-application-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/create-application-window.injectable.ts
new file mode 100644
index 0000000000..1652b67f9b
--- /dev/null
+++ b/src/main/start-main-application/lens-window/application-window/create-application-window.injectable.ts
@@ -0,0 +1,73 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import createLensWindowInjectable from "./create-lens-window.injectable";
+import lensProxyPortInjectable from "../../../lens-proxy/lens-proxy-port.injectable";
+import isMacInjectable from "../../../../common/vars/is-mac.injectable";
+import appNameInjectable from "../../../app-paths/app-name/app-name.injectable";
+import appEventBusInjectable from "../../../../common/app-event-bus/app-event-bus.injectable";
+import waitUntilBundledExtensionsAreLoadedInjectable from "./wait-until-bundled-extensions-are-loaded.injectable";
+import { applicationWindowInjectionToken } from "./application-window-injection-token";
+import { runInAction } from "mobx";
+
+const createApplicationWindowInjectable = getInjectable({
+  id: "create-application-window",
+
+  instantiate: (parentDi) => (id: string) => {
+    const windowInjectable = getInjectable({
+      id: `application-window-for-${id}`,
+
+      instantiate: (di) => {
+        const createLensWindow = di.inject(createLensWindowInjectable);
+        const isMac = di.inject(isMacInjectable);
+        const applicationName = di.inject(appNameInjectable);
+        const appEventBus = di.inject(appEventBusInjectable);
+        const waitUntilBundledExtensionsAreLoaded = di.inject(waitUntilBundledExtensionsAreLoadedInjectable);
+        const lensProxyPort = di.inject(lensProxyPortInjectable);
+
+        return createLensWindow({
+          id,
+          title: applicationName,
+          defaultHeight: 900,
+          defaultWidth: 1440,
+          getContentSource: () => ({
+            url: `http://localhost:${lensProxyPort.get()}`,
+          }),
+          resizable: true,
+          windowFrameUtilitiesAreShown: isMac,
+          titleBarStyle: isMac ? "hiddenInset" : "hidden",
+          centered: false,
+          onFocus: () => {
+            appEventBus.emit({ name: "app", action: "focus" });
+          },
+          onBlur: () => {
+            appEventBus.emit({ name: "app", action: "blur" });
+          },
+          onDomReady: () => {
+            appEventBus.emit({ name: "app", action: "dom-ready" });
+          },
+
+          onClose: () => {
+            runInAction(() => {
+              parentDi.deregister(windowInjectable);
+            });
+          },
+
+          beforeOpen: waitUntilBundledExtensionsAreLoaded,
+        });
+      },
+
+      injectionToken: applicationWindowInjectionToken,
+    });
+
+    runInAction(() => {
+      parentDi.register(windowInjectable);
+    });
+
+    return parentDi.inject(windowInjectable);
+  },
+});
+
+export default createApplicationWindowInjectable;
diff --git a/src/main/start-main-application/lens-window/application-window/create-electron-window.global-override-for-injectable.ts b/src/main/start-main-application/lens-window/application-window/create-electron-window.global-override-for-injectable.ts
new file mode 100644
index 0000000000..ef33b43c8e
--- /dev/null
+++ b/src/main/start-main-application/lens-window/application-window/create-electron-window.global-override-for-injectable.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../../common/test-utils/get-global-override";
+import createElectronWindowInjectable from "./create-electron-window.injectable";
+
+export default getGlobalOverride(createElectronWindowInjectable, () => () => ({
+  loadFile: async () => {},
+  loadUrl: async () => {},
+  show: () => {},
+  close: () => {},
+  send: () => {},
+  reload: () => {},
+}));
diff --git a/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts
index 00fcdb6231..252db16a1f 100644
--- a/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts
+++ b/src/main/start-main-application/lens-window/application-window/create-electron-window.injectable.ts
@@ -6,10 +6,10 @@ import { getInjectable } from "@ogre-tools/injectable";
 import loggerInjectable from "../../../../common/logger.injectable";
 import applicationWindowStateInjectable from "./application-window-state.injectable";
 import { BrowserWindow } from "electron";
-import { openBrowser } from "../../../../common/utils";
 import sendToChannelInElectronBrowserWindowInjectable from "./send-to-channel-in-electron-browser-window.injectable";
 import type { ElectronWindow } from "./create-lens-window.injectable";
 import type { RequireExactlyOne } from "type-fest";
+import openLinkInBrowserInjectable from "../../../../common/utils/open-link-in-browser.injectable";
 
 export type ElectronWindowTitleBarStyle = "hiddenInset" | "hidden" | "default" | "customButtonsOnHover";
 
@@ -46,6 +46,7 @@ const createElectronWindowInjectable = getInjectable({
   instantiate: (di): CreateElectronWindow => {
     const logger = di.inject(loggerInjectable);
     const sendToChannelInLensWindow = di.inject(sendToChannelInElectronBrowserWindowInjectable);
+    const openLinkInBrowser = di.inject(openLinkInBrowserInjectable);
 
     return (configuration) => {
       const applicationWindowState = di.inject(
@@ -76,9 +77,7 @@ const createElectronWindowInjectable = getInjectable({
         webPreferences: {
           nodeIntegration: true,
           nodeIntegrationInSubFrames: true,
-          webviewTag: true,
           contextIsolation: false,
-          nativeWindowOpen: false,
         },
       });
 
@@ -88,20 +87,16 @@ const createElectronWindowInjectable = getInjectable({
         .on("focus", () => {
           configuration.onFocus?.();
         })
-
         .on("blur", () => {
           configuration.onBlur?.();
         })
-
         .on("closed", () => {
           configuration.onClose();
           applicationWindowState.unmanage();
         })
-
         .webContents.on("dom-ready", () => {
           configuration.onDomReady?.();
         })
-
         .on("did-fail-load", (_event, code, desc) => {
           logger.error(
             `[CREATE-ELECTRON-WINDOW]: Failed to load window "${configuration.id}"`,
@@ -111,54 +106,13 @@ const createElectronWindowInjectable = getInjectable({
             },
           );
         })
-
         .on("did-finish-load", () => {
           logger.info(
             `[CREATE-ELECTRON-WINDOW]: Window "${configuration.id}" loaded`,
           );
         })
-
-        .on("will-attach-webview", (event, webPreferences, params) => {
-          logger.debug(
-            `[CREATE-ELECTRON-WINDOW]: Attaching webview to window "${configuration.id}"`,
-          );
-          // Following is security recommendations because we allow webview tag (webviewTag: true)
-          // suggested by https://www.electronjs.org/docs/tutorial/security#11-verify-webview-options-before-creation
-          // and https://www.electronjs.org/docs/tutorial/security#10-do-not-use-allowpopups
-
-          if (webPreferences.preload) {
-            logger.warn(
-              "[CREATE-ELECTRON-WINDOW]: Strip away preload scripts of webview",
-            );
-            delete webPreferences.preload;
-          }
-
-          // @ts-expect-error some electron version uses webPreferences.preloadURL/webPreferences.preload
-          if (webPreferences.preloadURL) {
-            logger.warn(
-              "[CREATE-ELECTRON-WINDOW]: Strip away preload scripts of webview",
-            );
-            delete webPreferences.preload;
-          }
-
-          if (params.allowpopups) {
-            logger.warn(
-              "[CREATE-ELECTRON-WINDOW]: We do not allow allowpopups props, stop webview from renderer",
-            );
-
-            // event.preventDefault() will destroy the guest page.
-            event.preventDefault();
-
-            return;
-          }
-
-          // Always disable Node.js integration for all webviews
-          webPreferences.nodeIntegration = false;
-          webPreferences.nativeWindowOpen = false;
-        })
-
         .setWindowOpenHandler((details) => {
-          openBrowser(details.url).catch((error) => {
+          openLinkInBrowser(details.url).catch((error) => {
             logger.error("[CREATE-ELECTRON-WINDOW]: failed to open browser", {
               error,
             });
@@ -186,7 +140,14 @@ const createElectronWindowInjectable = getInjectable({
 
         show: () => browserWindow.show(),
         close: () => browserWindow.close(),
-        send: (args) => sendToChannelInLensWindow(browserWindow, args),
+        send: (args) => sendToChannelInLensWindow(configuration.id, browserWindow, args),
+
+        reload: () => {
+          const wc = browserWindow.webContents;
+
+          wc.reload();
+          wc.clearHistory();
+        },
       };
     };
   },
diff --git a/src/main/start-main-application/lens-window/application-window/create-first-application-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/create-first-application-window.injectable.ts
new file mode 100644
index 0000000000..4e6ad80afa
--- /dev/null
+++ b/src/main/start-main-application/lens-window/application-window/create-first-application-window.injectable.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import createApplicationWindowInjectable from "./create-application-window.injectable";
+
+// Note: Motivation is to create the window with same ID to use stored dimensions
+const createFirstApplicationWindowInjectable = getInjectable({
+  id: "create-first-application-window",
+
+  instantiate: (di) => {
+    const createApplicationWindow = di.inject(createApplicationWindowInjectable);
+
+    return () => createApplicationWindow("first-application-window");
+  },
+});
+
+export default createFirstApplicationWindowInjectable;
diff --git a/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts
index fe43f2e41e..6dcf6b0174 100644
--- a/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts
+++ b/src/main/start-main-application/lens-window/application-window/create-lens-window.injectable.ts
@@ -3,10 +3,10 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import type { LensWindow, SendToViewArgs } from "./lens-window-injection-token";
 import type { ContentSource, ElectronWindowTitleBarStyle } from "./create-electron-window.injectable";
 import createElectronWindowForInjectable from "./create-electron-window.injectable";
 import assert from "assert";
+import type { ClusterFrameInfo } from "../../../../common/cluster-frames";
 
 export interface ElectronWindow {
   show: () => void;
@@ -14,6 +14,24 @@ export interface ElectronWindow {
   send: (args: SendToViewArgs) => void;
   loadFile: (filePath: string) => Promise<void>;
   loadUrl: (url: string) => Promise<void>;
+  reload: () => void;
+}
+
+export interface SendToViewArgs {
+  channel: string;
+  frameInfo?: ClusterFrameInfo;
+  data?: unknown[];
+}
+
+export interface LensWindow {
+  id: string;
+  start: () => Promise<void>;
+  close: () => void;
+  show: () => void;
+  send: (args: SendToViewArgs) => void;
+  isVisible: boolean;
+  isStarting: boolean;
+  reload: () => void;
 }
 
 export interface LensWindowConfiguration {
@@ -30,6 +48,7 @@ export interface LensWindowConfiguration {
   onFocus?: () => void;
   onBlur?: () => void;
   onDomReady?: () => void;
+  onClose?: () => void;
 }
 
 const createLensWindowInjectable = getInjectable({
@@ -97,6 +116,7 @@ const createLensWindowInjectable = getInjectable({
           browserWindow?.close();
           browserWindow = undefined;
           windowIsShown = false;
+          configuration.onClose?.();
         },
 
         send: (args: SendToViewArgs) => {
@@ -106,6 +126,14 @@ const createLensWindowInjectable = getInjectable({
 
           return browserWindow.send(args);
         },
+
+        reload: () => {
+          if (!browserWindow) {
+            throw new Error(`Tried to reload window "${configuration.id}" but the window was closed`);
+          }
+
+          return browserWindow.reload();
+        },
       };
     };
   },
diff --git a/src/main/start-main-application/lens-window/application-window/get-current-application-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/get-current-application-window.injectable.ts
new file mode 100644
index 0000000000..756f7ee8c1
--- /dev/null
+++ b/src/main/start-main-application/lens-window/application-window/get-current-application-window.injectable.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { first } from "lodash/fp";
+import { applicationWindowInjectionToken } from "./application-window-injection-token";
+
+const getCurrentApplicationWindowInjectable = getInjectable({
+  id: "get-current-application-window",
+
+  instantiate: (di) => () =>
+    first(di.injectMany(applicationWindowInjectionToken)),
+});
+
+export default getCurrentApplicationWindowInjectable;
diff --git a/src/main/start-main-application/lens-window/application-window/lens-window-injection-token.ts b/src/main/start-main-application/lens-window/application-window/lens-window-injection-token.ts
deleted file mode 100644
index 04c0939a6a..0000000000
--- a/src/main/start-main-application/lens-window/application-window/lens-window-injection-token.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectionToken } from "@ogre-tools/injectable";
-import type { ClusterFrameInfo } from "../../../../common/cluster-frames";
-
-export interface SendToViewArgs {
-  channel: string;
-  frameInfo?: ClusterFrameInfo;
-  data?: unknown[];
-}
-
-export interface LensWindow {
-  id: string;
-  start: () => Promise<void>;
-  close: () => void;
-  show: () => void;
-  send: (args: SendToViewArgs) => void;
-  isVisible: boolean;
-  isStarting: boolean;
-}
-
-export const lensWindowInjectionToken = getInjectionToken<LensWindow>({
-  id: "lens-window",
-});
diff --git a/src/main/start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable.ts b/src/main/start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable.ts
index 32422b6a94..08de6fec46 100644
--- a/src/main/start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable.ts
+++ b/src/main/start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable.ts
@@ -4,7 +4,7 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import type { BrowserWindow } from "electron";
-import type { SendToViewArgs } from "./lens-window-injection-token";
+import type { SendToViewArgs } from "./create-lens-window.injectable";
 
 const sendToChannelInElectronBrowserWindowInjectable = getInjectable({
   id: "send-to-channel-in-electron-browser-window",
@@ -12,6 +12,7 @@ const sendToChannelInElectronBrowserWindowInjectable = getInjectable({
   instantiate:
     () =>
       (
+        windowId: string,
         browserWindow: BrowserWindow,
         { channel, frameInfo, data = [] }: SendToViewArgs,
       ) => {
diff --git a/src/main/start-main-application/lens-window/get-visible-windows.injectable.ts b/src/main/start-main-application/lens-window/get-visible-windows.injectable.ts
index 0179bdb377..f8e1ceb562 100644
--- a/src/main/start-main-application/lens-window/get-visible-windows.injectable.ts
+++ b/src/main/start-main-application/lens-window/get-visible-windows.injectable.ts
@@ -5,13 +5,13 @@
 import { pipeline } from "@ogre-tools/fp";
 import { getInjectable } from "@ogre-tools/injectable";
 import { filter } from "lodash/fp";
-import { lensWindowInjectionToken } from "./application-window/lens-window-injection-token";
+import { applicationWindowInjectionToken } from "./application-window/application-window-injection-token";
 
 const getVisibleWindowsInjectable = getInjectable({
   id: "get-visible-windows",
 
   instantiate: (di) => {
-    const getAllLensWindows = () => di.injectMany(lensWindowInjectionToken);
+    const getAllLensWindows = () => di.injectMany(applicationWindowInjectionToken);
 
     return () =>
       pipeline(
diff --git a/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable.ts b/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable.ts
index f9bbd34935..38f6fec7b9 100644
--- a/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable.ts
+++ b/src/main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable.ts
@@ -3,13 +3,13 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { lensWindowInjectionToken } from "../application-window/lens-window-injection-token";
+import { applicationWindowInjectionToken } from "../application-window/application-window-injection-token";
 
 const closeAllWindowsInjectable = getInjectable({
   id: "close-all-windows",
 
   instantiate: (di) => () => {
-    const lensWindows = di.injectMany(lensWindowInjectionToken);
+    const lensWindows = di.injectMany(applicationWindowInjectionToken);
 
     lensWindows.forEach((lensWindow) => {
       lensWindow.close();
diff --git a/src/main/start-main-application/lens-window/navigate-for-extension.injectable.ts b/src/main/start-main-application/lens-window/navigate-for-extension.injectable.ts
index 7bada3f3bd..8022647f8b 100644
--- a/src/main/start-main-application/lens-window/navigate-for-extension.injectable.ts
+++ b/src/main/start-main-application/lens-window/navigate-for-extension.injectable.ts
@@ -6,7 +6,8 @@ import { getInjectable } from "@ogre-tools/injectable";
 import { iter } from "../../../common/utils";
 import clusterFramesInjectable from "../../../common/cluster-frames.injectable";
 import showApplicationWindowInjectable from "./show-application-window.injectable";
-import applicationWindowInjectable from "./application-window/application-window.injectable";
+import getCurrentApplicationWindowInjectable from "./application-window/get-current-application-window.injectable";
+import assert from "assert";
 
 export type NavigateForExtension = (
   extId: string,
@@ -19,7 +20,7 @@ const navigateForExtensionInjectable = getInjectable({
   id: "navigate-for-extension",
 
   instantiate: (di): NavigateForExtension => {
-    const applicationWindow = di.inject(applicationWindowInjectable);
+    const getApplicationWindow = di.inject(getCurrentApplicationWindowInjectable);
     const clusterFrames = di.inject(clusterFramesInjectable);
     const showApplicationWindow = di.inject(showApplicationWindowInjectable);
 
@@ -31,6 +32,10 @@ const navigateForExtensionInjectable = getInjectable({
     ) => {
       await showApplicationWindow();
 
+      const applicationWindow = getApplicationWindow();
+
+      assert(applicationWindow);
+
       const frameInfo = iter.find(
         clusterFrames.values(),
         (frameInfo) => frameInfo.frameId === frameId,
diff --git a/src/main/start-main-application/lens-window/navigate.injectable.ts b/src/main/start-main-application/lens-window/navigate.injectable.ts
index f9d80e4205..1916b8205f 100644
--- a/src/main/start-main-application/lens-window/navigate.injectable.ts
+++ b/src/main/start-main-application/lens-window/navigate.injectable.ts
@@ -4,22 +4,27 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import { iter } from "../../../common/utils";
-import applicationWindowInjectable from "./application-window/application-window.injectable";
 import clusterFramesInjectable from "../../../common/cluster-frames.injectable";
 import { IpcRendererNavigationEvents } from "../../../renderer/navigation/events";
 import showApplicationWindowInjectable from "./show-application-window.injectable";
+import getCurrentApplicationWindowInjectable from "./application-window/get-current-application-window.injectable";
+import assert from "assert";
 
 const navigateInjectable = getInjectable({
   id: "navigate",
 
   instantiate: (di) => {
-    const applicationWindow = di.inject(applicationWindowInjectable);
+    const getApplicationWindow = di.inject(getCurrentApplicationWindowInjectable);
     const showApplicationWindow = di.inject(showApplicationWindowInjectable);
     const clusterFrames = di.inject(clusterFramesInjectable);
 
     return async (url: string, frameId?: number) => {
       await showApplicationWindow();
 
+      const applicationWindow = getApplicationWindow();
+
+      assert(applicationWindow);
+
       const frameInfo = iter.find(
         clusterFrames.values(),
         (frameInfo) => frameInfo.frameId === frameId,
diff --git a/src/main/start-main-application/lens-window/reload-all-windows.injectable.ts b/src/main/start-main-application/lens-window/reload-all-windows.injectable.ts
deleted file mode 100644
index fca4da5e13..0000000000
--- a/src/main/start-main-application/lens-window/reload-all-windows.injectable.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { webContents } from "electron";
-
-const reloadAllWindowsInjectable = getInjectable({
-  id: "reload-all-windows",
-
-  instantiate: () => () => {
-    webContents
-      .getAllWebContents()
-      .filter((wc) => wc.getType() === "window")
-      .forEach((wc) => {
-        wc.reload();
-        wc.clearHistory();
-      });
-  },
-
-  causesSideEffects: true,
-});
-
-export default reloadAllWindowsInjectable;
diff --git a/src/main/start-main-application/lens-window/reload-current-application-window.injectable.ts b/src/main/start-main-application/lens-window/reload-current-application-window.injectable.ts
new file mode 100644
index 0000000000..daaf88a24c
--- /dev/null
+++ b/src/main/start-main-application/lens-window/reload-current-application-window.injectable.ts
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { IpcRendererNavigationEvents } from "../../../renderer/navigation/events";
+import currentClusterFrameInjectable from "./current-cluster-frame/current-cluster-frame.injectable";
+import getCurrentApplicationWindowInjectable from "./application-window/get-current-application-window.injectable";
+
+const reloadCurrentApplicationWindowInjectable = getInjectable({
+  id: "reload-current-application-window",
+
+  instantiate: (di) => {
+    const getCurrentApplicationWindow = di.inject(getCurrentApplicationWindowInjectable);
+    const currentClusterIframe = di.inject(currentClusterFrameInjectable);
+
+    return () => {
+      const lensWindow = getCurrentApplicationWindow();
+
+      if (!lensWindow) {
+        return;
+      }
+
+      const frameInfo = currentClusterIframe.get();
+
+      if (frameInfo) {
+        lensWindow.send({
+          channel: IpcRendererNavigationEvents.RELOAD_PAGE,
+          frameInfo,
+        });
+      } else {
+        lensWindow.reload();
+      }
+    };
+  },
+});
+
+export default reloadCurrentApplicationWindowInjectable;
diff --git a/src/main/start-main-application/lens-window/reload-window.injectable.ts b/src/main/start-main-application/lens-window/reload-window.injectable.ts
deleted file mode 100644
index 99d3f22f14..0000000000
--- a/src/main/start-main-application/lens-window/reload-window.injectable.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
-import type { LensWindow } from "./application-window/lens-window-injection-token";
-import { IpcRendererNavigationEvents } from "../../../renderer/navigation/events";
-import currentClusterFrameInjectable from "./current-cluster-frame/current-cluster-frame.injectable";
-import reloadAllWindowsInjectable from "./reload-all-windows.injectable";
-
-const reloadWindowInjectable = getInjectable({
-  id: "reload-window",
-
-  instantiate: (di, lensWindow: LensWindow) => () => {
-    const currentClusterIframe = di.inject(currentClusterFrameInjectable);
-    const reloadAllWindows = di.inject(reloadAllWindowsInjectable);
-
-    const frameInfo = currentClusterIframe.get();
-
-    if (frameInfo) {
-      lensWindow.send({
-        channel: IpcRendererNavigationEvents.RELOAD_PAGE,
-        frameInfo,
-      });
-    } else {
-      reloadAllWindows();
-    }
-  },
-
-  lifecycle: lifecycleEnum.transient,
-});
-
-export default reloadWindowInjectable;
diff --git a/src/main/start-main-application/lens-window/show-application-window.injectable.ts b/src/main/start-main-application/lens-window/show-application-window.injectable.ts
index 6fa6fca62c..ac9b86daa1 100644
--- a/src/main/start-main-application/lens-window/show-application-window.injectable.ts
+++ b/src/main/start-main-application/lens-window/show-application-window.injectable.ts
@@ -4,18 +4,26 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import splashWindowInjectable from "./splash-window/splash-window.injectable";
-import applicationWindowInjectable from "./application-window/application-window.injectable";
 import { identity, some } from "lodash/fp";
+import focusApplicationInjectable from "../../electron-app/features/focus-application.injectable";
+import getCurrentApplicationWindowInjectable from "./application-window/get-current-application-window.injectable";
+import createFirstApplicationWindowInjectable from "./application-window/create-first-application-window.injectable";
 const someIsTruthy = some(identity);
 
 const showApplicationWindowInjectable = getInjectable({
   id: "show-application-window",
 
   instantiate: (di) => {
-    const applicationWindow = di.inject(applicationWindowInjectable);
+    const getApplicationWindow = di.inject(getCurrentApplicationWindowInjectable);
+    const createFirstApplicationWindow = di.inject(createFirstApplicationWindowInjectable);
     const splashWindow = di.inject(splashWindowInjectable);
+    const focusApplication = di.inject(focusApplicationInjectable);
 
     return async () => {
+      focusApplication();
+
+      const applicationWindow = getApplicationWindow() ?? createFirstApplicationWindow();
+
       if (applicationWindow.isStarting) {
         applicationWindow.show();
         splashWindow.close();
diff --git a/src/main/start-main-application/lens-window/splash-window/splash-window.injectable.ts b/src/main/start-main-application/lens-window/splash-window/splash-window.injectable.ts
index ab8c2c0c35..72c65d6c8d 100644
--- a/src/main/start-main-application/lens-window/splash-window/splash-window.injectable.ts
+++ b/src/main/start-main-application/lens-window/splash-window/splash-window.injectable.ts
@@ -3,7 +3,6 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { lensWindowInjectionToken } from "../application-window/lens-window-injection-token";
 import createLensWindowInjectable from "../application-window/create-lens-window.injectable";
 import staticFilesDirectoryInjectable from "../../../../common/vars/static-files-directory.injectable";
 import getAbsolutePathInjectable from "../../../../common/path/get-absolute-path.injectable";
@@ -30,8 +29,6 @@ const splashWindowInjectable = getInjectable({
       centered: true,
     });
   },
-
-  injectionToken: lensWindowInjectionToken,
 });
 
 export default splashWindowInjectable;
diff --git a/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable.ts b/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable.ts
index 80c725e17d..0b585f3d65 100644
--- a/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable.ts
+++ b/src/main/start-main-application/runnables/kube-config-sync/start-kube-config-sync.injectable.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { afterRootFrameIsReadyInjectionToken } from "../../runnable-tokens/after-root-frame-is-ready-injection-token";
+import { afterApplicationIsLoadedInjectionToken } from "../../runnable-tokens/after-application-is-loaded-injection-token";
 import directoryForKubeConfigsInjectable from "../../../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
 import ensureDirInjectable from "../../../../common/fs/ensure-dir.injectable";
 import kubeconfigSyncManagerInjectable from "../../../catalog-sources/kubeconfig-sync/manager.injectable";
@@ -27,7 +27,7 @@ const startKubeConfigSyncInjectable = getInjectable({
 
   causesSideEffects: true,
 
-  injectionToken: afterRootFrameIsReadyInjectionToken,
+  injectionToken: afterApplicationIsLoadedInjectionToken,
 });
 
 export default startKubeConfigSyncInjectable;
diff --git a/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.injectable.ts b/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.injectable.ts
index 2613ab77ba..6bdf5a7476 100644
--- a/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.injectable.ts
+++ b/src/main/start-main-application/runnables/kube-config-sync/stop-kube-config-sync.injectable.ts
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { beforeQuitOfFrontEndInjectionToken } from "../../runnable-tokens/before-quit-of-front-end-injection-token";
+import { beforeQuitOfBackEndInjectionToken } from "../../runnable-tokens/before-quit-of-back-end-injection-token";
 import kubeconfigSyncManagerInjectable from "../../../catalog-sources/kubeconfig-sync/manager.injectable";
 
 const stopKubeConfigSyncInjectable = getInjectable({
@@ -19,7 +19,7 @@ const stopKubeConfigSyncInjectable = getInjectable({
     };
   },
 
-  injectionToken: beforeQuitOfFrontEndInjectionToken,
+  injectionToken: beforeQuitOfBackEndInjectionToken,
 });
 
 export default stopKubeConfigSyncInjectable;
diff --git a/src/main/start-main-application/runnables/setup-prometheus-registry.injectable.ts b/src/main/start-main-application/runnables/setup-prometheus-registry.injectable.ts
index c3756bb1b1..28b410889d 100644
--- a/src/main/start-main-application/runnables/setup-prometheus-registry.injectable.ts
+++ b/src/main/start-main-application/runnables/setup-prometheus-registry.injectable.ts
@@ -5,6 +5,7 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { PrometheusLens } from "../../prometheus/lens";
 import { PrometheusHelm } from "../../prometheus/helm";
+import { PrometheusHelm14 } from "../../prometheus/helm-14";
 import { PrometheusOperator } from "../../prometheus/operator";
 import { PrometheusStacklight } from "../../prometheus/stacklight";
 import prometheusProviderRegistryInjectable from "../../prometheus/prometheus-provider-registry.injectable";
@@ -20,6 +21,7 @@ const setupPrometheusRegistryInjectable = getInjectable({
       run: () => {
         prometheusProviderRegistry
           .registerProvider(new PrometheusLens())
+          .registerProvider(new PrometheusHelm14())
           .registerProvider(new PrometheusHelm())
           .registerProvider(new PrometheusOperator())
           .registerProvider(new PrometheusStacklight());
diff --git a/src/main/start-main-application/runnables/setup-runnables-for-after-root-frame-is-ready.injectable.ts b/src/main/start-main-application/runnables/setup-runnables-for-after-root-frame-is-ready.injectable.ts
deleted file mode 100644
index 82c323c501..0000000000
--- a/src/main/start-main-application/runnables/setup-runnables-for-after-root-frame-is-ready.injectable.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { ipcMainOn } from "../../../common/ipc";
-import { IpcRendererNavigationEvents } from "../../../renderer/navigation/events";
-import { afterRootFrameIsReadyInjectionToken } from "../runnable-tokens/after-root-frame-is-ready-injection-token";
-import { runManyFor } from "../../../common/runnable/run-many-for";
-import { onLoadOfApplicationInjectionToken } from "../runnable-tokens/on-load-of-application-injection-token";
-
-const setupRunnablesForAfterRootFrameIsReadyInjectable = getInjectable({
-  id: "setup-runnables-for-after-root-frame-is-ready",
-
-  instantiate: (di) => {
-    const runMany = runManyFor(di);
-
-    const runRunnablesAfterRootFrameIsReady = runMany(
-      afterRootFrameIsReadyInjectionToken,
-    );
-
-    return {
-      run: () => {
-        ipcMainOn(IpcRendererNavigationEvents.LOADED, async () => {
-          await runRunnablesAfterRootFrameIsReady();
-        });
-      },
-    };
-  },
-
-  // Direct usage of IPC
-  causesSideEffects: true,
-
-  injectionToken: onLoadOfApplicationInjectionToken,
-});
-
-export default setupRunnablesForAfterRootFrameIsReadyInjectable;
diff --git a/src/main/start-main-application/start-main-application.injectable.ts b/src/main/start-main-application/start-main-application.injectable.ts
index fa85d9f029..fcd1851575 100644
--- a/src/main/start-main-application/start-main-application.injectable.ts
+++ b/src/main/start-main-application/start-main-application.injectable.ts
@@ -11,14 +11,12 @@ import { beforeApplicationIsLoadingInjectionToken } from "./runnable-tokens/befo
 import { onLoadOfApplicationInjectionToken } from "./runnable-tokens/on-load-of-application-injection-token";
 import { afterApplicationIsLoadedInjectionToken } from "./runnable-tokens/after-application-is-loaded-injection-token";
 import splashWindowInjectable from "./lens-window/splash-window/splash-window.injectable";
-
-import applicationWindowInjectable from "./lens-window/application-window/application-window.injectable";
-import shouldStartHiddenInjectable from "../electron-app/features/should-start-hidden.injectable";
 import openDeepLinkInjectable from "../protocol-handler/lens-protocol-router-main/open-deep-link-for-url/open-deep-link.injectable";
 import { pipeline } from "@ogre-tools/fp";
 import { find, map, startsWith, toLower } from "lodash/fp";
 import commandLineArgumentsInjectable from "../utils/command-line-arguments.injectable";
 import waitForElectronToBeReadyInjectable from "../electron-app/features/wait-for-electron-to-be-ready.injectable";
+import createFirstApplicationWindowInjectable from "./lens-window/application-window/create-first-application-window.injectable";
 
 const startMainApplicationInjectable = getInjectable({
   id: "start-main-application",
@@ -27,9 +25,8 @@ const startMainApplicationInjectable = getInjectable({
     const runMany = runManyFor(di);
     const runManySync = runManySyncFor(di);
     const waitForElectronToBeReady = di.inject(waitForElectronToBeReadyInjectable);
-    const applicationWindow = di.inject(applicationWindowInjectable);
+    const createFirstApplicationWindow = di.inject(createFirstApplicationWindowInjectable);
     const splashWindow = di.inject(splashWindowInjectable);
-    const shouldStartHidden = di.inject(shouldStartHiddenInjectable);
     const openDeepLink = di.inject(openDeepLinkInjectable);
     const commandLineArguments = di.inject(commandLineArgumentsInjectable);
 
@@ -38,7 +35,7 @@ const startMainApplicationInjectable = getInjectable({
     const onLoadOfApplication = runMany(onLoadOfApplicationInjectionToken);
     const afterApplicationIsLoaded = runMany(afterApplicationIsLoadedInjectionToken);
 
-    return () => {
+    return (shouldStartWindow: boolean) => {
       // Stuff happening before application is ready needs to be synchronous because of
       // https://github.com/electron/electron/issues/21370
       beforeElectronIsReady();
@@ -48,18 +45,20 @@ const startMainApplicationInjectable = getInjectable({
 
         await beforeApplicationIsLoading();
 
-        if (!shouldStartHidden) {
+        if (shouldStartWindow) {
           await splashWindow.start();
         }
 
         await onLoadOfApplication();
 
-        if (!shouldStartHidden) {
+        if (shouldStartWindow) {
           const deepLinkUrl = getDeepLinkUrl(commandLineArguments);
 
           if (deepLinkUrl) {
             await openDeepLink(deepLinkUrl);
           } else {
+            const applicationWindow = createFirstApplicationWindow();
+
             await applicationWindow.start();
           }
 
diff --git a/src/main/tray/electron-tray/electron-tray.injectable.ts b/src/main/tray/electron-tray/electron-tray.injectable.ts
index a96104f047..d8b264060a 100644
--- a/src/main/tray/electron-tray/electron-tray.injectable.ts
+++ b/src/main/tray/electron-tray/electron-tray.injectable.ts
@@ -8,16 +8,25 @@ import packageJsonInjectable from "../../../common/vars/package-json.injectable"
 import showApplicationWindowInjectable from "../../start-main-application/lens-window/show-application-window.injectable";
 import isWindowsInjectable from "../../../common/vars/is-windows.injectable";
 import loggerInjectable from "../../../common/logger.injectable";
-import trayIconPathsInjectable from "../tray-icon-path.injectable";
-import type { TrayMenuItem } from "../tray-menu-item/tray-menu-item-injection-token";
 import { convertToElectronMenuTemplate } from "../reactive-tray-menu-items/converters";
+import trayIconInjectable from "../menu-icon/tray-icon.injectable";
 
 const TRAY_LOG_PREFIX = "[TRAY]";
 
+export interface MinimalTrayMenuItem {
+  id: string;
+  parentId: string | null;
+  enabled: boolean;
+  label?: string;
+  click?: () => Promise<void> | void;
+  tooltip?: string;
+  separator?: boolean;
+}
+
 export interface ElectronTray {
   start(): void;
   stop(): void;
-  setMenuItems(menuItems: TrayMenuItem[]): void;
+  setMenuItems(menuItems: MinimalTrayMenuItem[]): void;
   setIconPath(iconPath: string): void;
 }
 
@@ -29,13 +38,13 @@ const electronTrayInjectable = getInjectable({
     const showApplicationWindow = di.inject(showApplicationWindowInjectable);
     const isWindows = di.inject(isWindowsInjectable);
     const logger = di.inject(loggerInjectable);
-    const trayIconPaths = di.inject(trayIconPathsInjectable);
+    const trayIcon = di.inject(trayIconInjectable);
 
     let tray: Tray;
 
     return {
       start: () => {
-        tray = new Tray(trayIconPaths.normal);
+        tray = new Tray(trayIcon.get().iconPath);
 
         tray.setToolTip(packageJson.description);
         tray.setIgnoreDoubleClickEvents(true);
diff --git a/src/main/tray/menu-icon/get-tray-icon-path.injectable.ts b/src/main/tray/menu-icon/get-tray-icon-path.injectable.ts
new file mode 100644
index 0000000000..fe2746a2ab
--- /dev/null
+++ b/src/main/tray/menu-icon/get-tray-icon-path.injectable.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import getAbsolutePathInjectable from "../../../common/path/get-absolute-path.injectable";
+import staticFilesDirectoryInjectable from "../../../common/vars/static-files-directory.injectable";
+import isDevelopmentInjectable from "../../../common/vars/is-development.injectable";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
+import { camelCase, flow, upperFirst } from "lodash/fp";
+const upperCamelCase = flow(camelCase, upperFirst);
+
+const getTrayIconPathInjectable = getInjectable({
+  id: "get-tray-icon-path",
+
+  instantiate: (di) => {
+    const getAbsolutePath = di.inject(getAbsolutePathInjectable);
+    const staticFilesDirectory = di.inject(staticFilesDirectoryInjectable);
+    const isDevelopment = di.inject(isDevelopmentInjectable);
+    const isMac = di.inject(isMacInjectable);
+
+    const baseIconDirectory = getAbsolutePath(
+      staticFilesDirectory,
+      isDevelopment ? "../build/tray" : "icons", // copied within electron-builder extras
+    );
+
+    const fileSuffix = isMac ? "Template.png" : ".png";
+
+    return (name: string) =>
+      getAbsolutePath(
+        baseIconDirectory,
+        `trayIcon${upperCamelCase(name)}${fileSuffix}`,
+      );
+  },
+});
+
+export default getTrayIconPathInjectable;
diff --git a/src/main/tray/menu-icon/normal-tray-icon.injectable.ts b/src/main/tray/menu-icon/normal-tray-icon.injectable.ts
new file mode 100644
index 0000000000..53c9679b65
--- /dev/null
+++ b/src/main/tray/menu-icon/normal-tray-icon.injectable.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { trayIconInjectionToken } from "./tray-icon-injection-token";
+import getTrayIconPathInjectable from "./get-tray-icon-path.injectable";
+
+const normalTrayIconInjectable = getInjectable({
+  id: "normal-icon",
+
+  instantiate: (di) => {
+    const getTrayIconPath = di.inject(getTrayIconPathInjectable);
+
+    return {
+      iconPath: getTrayIconPath(""),
+      priority: 999,
+      shouldBeShown: computed(() => true),
+    };
+  },
+
+  injectionToken: trayIconInjectionToken,
+});
+
+export default normalTrayIconInjectable;
diff --git a/src/main/tray/menu-icon/reactive.injectable.ts b/src/main/tray/menu-icon/reactive.injectable.ts
index 42622ff2a8..8c6d358477 100644
--- a/src/main/tray/menu-icon/reactive.injectable.ts
+++ b/src/main/tray/menu-icon/reactive.injectable.ts
@@ -4,27 +4,22 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import { reaction } from "mobx";
-import discoveredUpdateVersionInjectable from "../../../common/application-update/discovered-update-version/discovered-update-version.injectable";
 import { getStartableStoppable } from "../../../common/utils/get-startable-stoppable";
 import electronTrayInjectable from "../electron-tray/electron-tray.injectable";
-import trayIconPathsInjectable from "../tray-icon-path.injectable";
+import trayIconInjectable from "./tray-icon.injectable";
 
 const reactiveTrayMenuIconInjectable = getInjectable({
   id: "reactive-tray-menu-icon",
+
   instantiate: (di) => {
-    const discoveredUpdateVersion = di.inject(discoveredUpdateVersionInjectable);
+    const trayMenuIcon = di.inject(trayIconInjectable);
     const electronTray = di.inject(electronTrayInjectable);
-    const trayIconPaths = di.inject(trayIconPathsInjectable);
 
     return getStartableStoppable("reactive-tray-menu-icon", () => (
       reaction(
-        () => discoveredUpdateVersion.value.get(),
-        updateVersion => {
-          if (updateVersion) {
-            electronTray.setIconPath(trayIconPaths.updateAvailable);
-          } else {
-            electronTray.setIconPath(trayIconPaths.normal);
-          }
+        () => trayMenuIcon.get(),
+        icon => {
+          electronTray.setIconPath(icon.iconPath);
         },
         {
           fireImmediately: true,
diff --git a/src/main/tray/menu-icon/tray-icon-injection-token.ts b/src/main/tray/menu-icon/tray-icon-injection-token.ts
new file mode 100644
index 0000000000..a1e678d107
--- /dev/null
+++ b/src/main/tray/menu-icon/tray-icon-injection-token.ts
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+
+export interface TrayIcon {
+  iconPath: string;
+  priority: number;
+  shouldBeShown: IComputedValue<boolean>;
+}
+
+export const trayIconInjectionToken = getInjectionToken<TrayIcon>({
+  id: "tray-icon-token",
+});
diff --git a/src/main/tray/menu-icon/tray-icon.injectable.ts b/src/main/tray/menu-icon/tray-icon.injectable.ts
new file mode 100644
index 0000000000..dd2cc7bcb3
--- /dev/null
+++ b/src/main/tray/menu-icon/tray-icon.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { pipeline } from "@ogre-tools/fp";
+import { find, sortBy } from "lodash/fp";
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { trayIconInjectionToken } from "./tray-icon-injection-token";
+
+const trayIconInjectable = getInjectable({
+  id: "tray-icon",
+
+  instantiate: (di) => {
+    const availableIcons = di.injectMany(trayIconInjectionToken);
+
+    return computed(() => {
+      const mostPrioritizedIcon = pipeline(
+        availableIcons,
+        sortBy((icon) => icon.priority),
+        find((icon) => icon.shouldBeShown.get()),
+      );
+
+      if (!mostPrioritizedIcon) {
+        throw new Error("There should always be tray icon which is shown.");
+      }
+
+      return mostPrioritizedIcon;
+    });
+  },
+});
+
+export default trayIconInjectable;
diff --git a/src/main/tray/reactive-tray-menu-items/converters.ts b/src/main/tray/reactive-tray-menu-items/converters.ts
index 42add7481e..a3007ee045 100644
--- a/src/main/tray/reactive-tray-menu-items/converters.ts
+++ b/src/main/tray/reactive-tray-menu-items/converters.ts
@@ -2,13 +2,13 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import type { TrayMenuItem } from "../tray-menu-item/tray-menu-item-injection-token";
+import type { MinimalTrayMenuItem } from "../electron-tray/electron-tray.injectable";
 
-export function convertToElectronMenuTemplate(trayMenuItems: TrayMenuItem[]): Electron.MenuItemConstructorOptions[] {
+export function convertToElectronMenuTemplate(trayMenuItems: MinimalTrayMenuItem[]): Electron.MenuItemConstructorOptions[] {
   const toTrayMenuOptions = (parentId: string | null) => (
     trayMenuItems
       .filter((item) => item.parentId === parentId)
-      .map((trayMenuItem: TrayMenuItem): Electron.MenuItemConstructorOptions => {
+      .map((trayMenuItem): Electron.MenuItemConstructorOptions => {
         if (trayMenuItem.separator) {
           return { id: trayMenuItem.id, type: "separator" };
         }
@@ -17,8 +17,8 @@ export function convertToElectronMenuTemplate(trayMenuItems: TrayMenuItem[]): El
 
         return {
           id: trayMenuItem.id,
-          label: trayMenuItem.label?.get(),
-          enabled: trayMenuItem.enabled.get(),
+          label: trayMenuItem.label,
+          enabled: trayMenuItem.enabled,
           toolTip: trayMenuItem.tooltip,
 
           ...(childItems.length === 0
diff --git a/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts b/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts
index 22c3d29399..145cc1e870 100644
--- a/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts
+++ b/src/main/tray/reactive-tray-menu-items/reactive-tray-menu-items.injectable.ts
@@ -5,26 +5,40 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { getStartableStoppable } from "../../../common/utils/get-startable-stoppable";
 import { reaction } from "mobx";
+import type { MinimalTrayMenuItem } from "../electron-tray/electron-tray.injectable";
 import electronTrayInjectable from "../electron-tray/electron-tray.injectable";
 import trayMenuItemsInjectable from "../tray-menu-item/tray-menu-items.injectable";
+import type { TrayMenuItem } from "../tray-menu-item/tray-menu-item-injection-token";
 
 const reactiveTrayMenuItemsInjectable = getInjectable({
   id: "reactive-tray-menu-items",
 
   instantiate: (di) => {
     const electronTray = di.inject(electronTrayInjectable);
-    const trayMenuItems = di.inject(trayMenuItemsInjectable);
+    const reactiveItems = di.inject(trayMenuItemsInjectable);
 
-    return getStartableStoppable("reactive-tray-menu-items", () => (
+    return getStartableStoppable("reactive-tray-menu-items", () =>
       reaction(
-        () => trayMenuItems.get(),
-        electronTray.setMenuItems,
+        (): MinimalTrayMenuItem[] => reactiveItems.get().map(toNonReactiveItem),
+
+        (nonReactiveItems) => electronTray.setMenuItems(nonReactiveItems),
+
         {
           fireImmediately: true,
         },
-      )
-    ));
+      ),
+    );
   },
 });
 
 export default reactiveTrayMenuItemsInjectable;
+
+const toNonReactiveItem = (item: TrayMenuItem): MinimalTrayMenuItem => ({
+  id: item.id,
+  parentId: item.parentId,
+  click: item.click,
+  tooltip: item.tooltip,
+  separator: item.separator,
+  enabled: item.enabled.get(),
+  label: item.label?.get(),
+});
diff --git a/src/main/tray/tray-icon-path.injectable.ts b/src/main/tray/tray-icon-path.injectable.ts
deleted file mode 100644
index df83a2e31c..0000000000
--- a/src/main/tray/tray-icon-path.injectable.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import getAbsolutePathInjectable from "../../common/path/get-absolute-path.injectable";
-import staticFilesDirectoryInjectable from "../../common/vars/static-files-directory.injectable";
-import isDevelopmentInjectable from "../../common/vars/is-development.injectable";
-import isMacInjectable from "../../common/vars/is-mac.injectable";
-
-export interface TrayIconPaths {
-  normal: string;
-  updateAvailable: string;
-}
-
-const trayIconPathsInjectable = getInjectable({
-  id: "tray-icon-paths",
-
-  instantiate: (di): TrayIconPaths => {
-    const getAbsolutePath = di.inject(getAbsolutePathInjectable);
-    const staticFilesDirectory = di.inject(staticFilesDirectoryInjectable);
-    const isDevelopment = di.inject(isDevelopmentInjectable);
-    const isMac = di.inject(isMacInjectable);
-    const baseIconDirectory = getAbsolutePath(
-      staticFilesDirectory,
-      isDevelopment ? "../build/tray" : "icons", // copied within electron-builder extras
-    );
-    const fileSuffix = isMac ? "Template.png" : ".png";
-
-    return {
-      normal: getAbsolutePath(baseIconDirectory, `trayIcon${fileSuffix}`),
-      updateAvailable: getAbsolutePath(baseIconDirectory, `trayIconUpdateAvailable${fileSuffix}`),
-    };
-  },
-});
-
-export default trayIconPathsInjectable;
diff --git a/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts b/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts
index 152c4ea8d1..f1ebe7885d 100644
--- a/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts
+++ b/src/main/tray/tray-menu-item/tray-menu-item-registrator.injectable.ts
@@ -3,7 +3,6 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { pipeline } from "@ogre-tools/fp";
-import { kebabCase } from "lodash/fp";
 import type { Injectable } from "@ogre-tools/injectable";
 import { getInjectable } from "@ogre-tools/injectable";
 import { computed } from "mobx";
@@ -16,6 +15,7 @@ import { withErrorSuppression } from "../../../common/utils/with-error-suppressi
 import type { WithErrorLoggingFor } from "../../../common/utils/with-error-logging/with-error-logging.injectable";
 import withErrorLoggingInjectable from "../../../common/utils/with-error-logging/with-error-logging.injectable";
 import getRandomIdInjectable from "../../../common/utils/get-random-id.injectable";
+import { isBoolean, isString } from "../../../common/utils";
 
 const trayMenuItemRegistratorInjectable = getInjectable({
   id: "tray-menu-item-registrator",
@@ -37,7 +37,7 @@ export default trayMenuItemRegistratorInjectable;
 
 const toItemInjectablesFor = (extension: LensMainExtension, withErrorLoggingFor: WithErrorLoggingFor, getRandomId: () => string) => {
   const _toItemInjectables = (parentId: string | null) => (registration: TrayMenuRegistration): Injectable<TrayMenuItem, TrayMenuItem, void>[] => {
-    const trayItemId = registration.id || kebabCase(registration.label || getRandomId());
+    const trayItemId = registration.id || getRandomId();
     const id = `${trayItemId}-tray-menu-item-for-extension-${extension.sanitizedExtensionId}`;
 
     const parentInjectable = getInjectable({
@@ -50,7 +50,18 @@ const toItemInjectablesFor = (extension: LensMainExtension, withErrorLoggingFor:
 
         separator: registration.type === "separator",
 
-        label: computed(() => registration.label || ""),
+        label: computed(() => {
+          if (!registration.label) {
+            return "";
+          }
+
+          if (isString(registration.label)) {
+            return registration.label;
+          }
+
+          return registration.label.get();
+        }),
+
         tooltip: registration.toolTip,
 
         click: () => {
@@ -64,14 +75,31 @@ const toItemInjectablesFor = (extension: LensMainExtension, withErrorLoggingFor:
 
             // TODO: Find out how to improve typing so that instead of
             // x => withErrorSuppression(x) there could only be withErrorSuppression
-            x => withErrorSuppression(x),
+            (x) => withErrorSuppression(x),
           );
 
           return decorated(registration);
         },
 
-        enabled: computed(() => registration.enabled ?? true),
-        visible: computed(() => true),
+        enabled: computed(() => {
+          if (registration.enabled === undefined) {
+            return true;
+          }
+
+          if (isBoolean(registration.enabled)) {
+            return registration.enabled;
+          }
+
+          return registration.enabled.get();
+        }),
+
+        visible: computed(() => {
+          if (!registration.visible) {
+            return true;
+          }
+
+          return registration.visible.get();
+        }),
       }),
 
       injectionToken: trayMenuItemInjectionToken,
diff --git a/src/main/tray/tray-menu-registration.ts b/src/main/tray/tray-menu-registration.ts
index dcd7796c51..8b316b7b92 100644
--- a/src/main/tray/tray-menu-registration.ts
+++ b/src/main/tray/tray-menu-registration.ts
@@ -3,12 +3,15 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+import type { IComputedValue } from "mobx";
+
 export interface TrayMenuRegistration {
-  label?: string;
+  label?: string | IComputedValue<string>;
   click?: (menuItem: TrayMenuRegistration) => void;
   id?: string;
   type?: "normal" | "separator" | "submenu";
   toolTip?: string;
-  enabled?: boolean;
+  enabled?: boolean | IComputedValue<boolean>;
   submenu?: TrayMenuRegistration[];
+  visible?: IComputedValue<boolean>;
 }
diff --git a/src/main/utils/channel/ipc-main/ipc-main.global-override-for-injectable.ts b/src/main/utils/channel/ipc-main/ipc-main.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e770ccdf35
--- /dev/null
+++ b/src/main/utils/channel/ipc-main/ipc-main.global-override-for-injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { IpcMain } from "electron";
+import { getGlobalOverride } from "../../../../common/test-utils/get-global-override";
+import ipcMainInjectable from "./ipc-main.injectable";
+
+export default getGlobalOverride(ipcMainInjectable, () => ({
+  handle: () => {},
+  on: () => {},
+  off: () => {},
+}) as unknown as IpcMain);
diff --git a/src/main/utils/channel/message-to-channel.test.ts b/src/main/utils/channel/message-to-channel.test.ts
index 67a407de55..6d5e83a548 100644
--- a/src/main/utils/channel/message-to-channel.test.ts
+++ b/src/main/utils/channel/message-to-channel.test.ts
@@ -5,15 +5,10 @@
 
 import type { MessageToChannel } from "../../../common/utils/channel/message-to-channel-injection-token";
 import { messageToChannelInjectionToken } from "../../../common/utils/channel/message-to-channel-injection-token";
-import closeAllWindowsInjectable from "../../start-main-application/lens-window/hide-all-windows/close-all-windows.injectable";
 import type { MessageChannel } from "../../../common/utils/channel/message-channel-injection-token";
-import { getDiForUnitTesting } from "../../getDiForUnitTesting";
-import createLensWindowInjectable from "../../start-main-application/lens-window/application-window/create-lens-window.injectable";
-import type { LensWindow } from "../../start-main-application/lens-window/application-window/lens-window-injection-token";
-import { lensWindowInjectionToken } from "../../start-main-application/lens-window/application-window/lens-window-injection-token";
-import type { DiContainer } from "@ogre-tools/injectable";
-import { getInjectable } from "@ogre-tools/injectable";
+import type { LensWindow } from "../../start-main-application/lens-window/application-window/create-lens-window.injectable";
 import sendToChannelInElectronBrowserWindowInjectable from "../../start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable";
+import { getApplicationBuilder } from "../../../renderer/components/test-utils/get-application-builder";
 
 describe("message to channel from main", () => {
   let messageToChannel: MessageToChannel;
@@ -21,20 +16,21 @@ describe("message to channel from main", () => {
   let someOtherTestWindow: LensWindow;
   let sendToChannelInBrowserMock: jest.Mock;
 
-  beforeEach(() => {
-    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+  beforeEach(async () => {
+    const builder = getApplicationBuilder();
 
     sendToChannelInBrowserMock = jest.fn();
-    di.override(sendToChannelInElectronBrowserWindowInjectable, () => sendToChannelInBrowserMock);
 
-    someTestWindow = createTestWindow(di, "some-test-window-id");
-    someOtherTestWindow = createTestWindow(di, "some-other-test-window-id");
+    builder.beforeApplicationStart(mainDi => {
+      mainDi.override(sendToChannelInElectronBrowserWindowInjectable, () => sendToChannelInBrowserMock);
+    });
 
-    messageToChannel = di.inject(messageToChannelInjectionToken);
+    await builder.startHidden();
 
-    const closeAllWindows = di.inject(closeAllWindowsInjectable);
+    someTestWindow = builder.applicationWindow.create("some-test-window-id");
+    someOtherTestWindow = builder.applicationWindow.create("some-other-test-window-id");
 
-    closeAllWindows();
+    messageToChannel = builder.mainDi.inject(messageToChannelInjectionToken);
   });
 
   it("given no visible windows, when messaging to channel, does not message to any window", () => {
@@ -53,6 +49,8 @@ describe("message to channel from main", () => {
 
       expect(sendToChannelInBrowserMock.mock.calls).toEqual([
         [
+          "some-test-window-id",
+
           null,
 
           {
@@ -68,6 +66,8 @@ describe("message to channel from main", () => {
 
       expect(sendToChannelInBrowserMock.mock.calls).toEqual([
         [
+          "some-test-window-id",
+
           null,
 
           {
@@ -83,6 +83,8 @@ describe("message to channel from main", () => {
 
       expect(sendToChannelInBrowserMock.mock.calls).toEqual([
         [
+          "some-test-window-id",
+
           null,
 
           {
@@ -98,6 +100,8 @@ describe("message to channel from main", () => {
 
       expect(sendToChannelInBrowserMock.mock.calls).toEqual([
         [
+          "some-test-window-id",
+
           null,
 
           {
@@ -117,6 +121,8 @@ describe("message to channel from main", () => {
 
     expect(sendToChannelInBrowserMock.mock.calls).toEqual([
       [
+        "some-test-window-id",
+
         null,
 
         {
@@ -126,6 +132,8 @@ describe("message to channel from main", () => {
       ],
 
       [
+        "some-other-test-window-id",
+
         null,
 
         {
@@ -138,30 +146,3 @@ describe("message to channel from main", () => {
 });
 
 const someChannel: MessageChannel<any> = { id: "some-channel" };
-
-const createTestWindow = (di: DiContainer, id: string) => {
-  const testWindowInjectable = getInjectable({
-    id,
-
-    instantiate: (di) => {
-      const createLensWindow = di.inject(createLensWindowInjectable);
-
-      return createLensWindow({
-        id,
-        title: "Some test window",
-        defaultHeight: 42,
-        defaultWidth: 42,
-        getContentSource: () => ({ url: "some-content-url" }),
-        resizable: true,
-        windowFrameUtilitiesAreShown: false,
-        centered: false,
-      });
-    },
-
-    injectionToken: lensWindowInjectionToken,
-  });
-
-  di.register(testWindowInjectable);
-
-  return di.inject(testWindowInjectable);
-};
diff --git a/src/main/utils/get-port.ts b/src/main/utils/get-port.ts
index 6ce76f6795..b0d7f5615f 100644
--- a/src/main/utils/get-port.ts
+++ b/src/main/utils/get-port.ts
@@ -20,6 +20,7 @@ interface GetPortArgs {
         };
         raw?: RegExpExecArray;
     };
+    rawMatcher: string;
   };
   /**
    * Called when the port is found
@@ -27,7 +28,7 @@ interface GetPortArgs {
   onFind?: () => void;
   /**
    * Timeout for how long to wait for the port.
-   * Default: 5s
+   * Default: 15s
    */
   timeout?: number;
 }
@@ -61,7 +62,7 @@ export function getPortFrom(stream: Readable, args: GetPortArgs): Promise<number
     };
     const timeoutID = setTimeout(() => {
       stream.off("data", handler);
-      logger.warn(`[getPortFrom]: failed to retrieve port via ${args.lineRegex.toString()}: ${logLines}`);
+      logger.warn(`[getPortFrom]: failed to retrieve port via ${args.lineRegex.rawMatcher}`, logLines);
       reject(new Error("failed to retrieve port from stream"));
     }, args.timeout ?? 15000);
 
diff --git a/src/main/utils/resolve-system-proxy/electron.injectable.ts b/src/main/utils/resolve-system-proxy/electron.injectable.ts
new file mode 100644
index 0000000000..a5999c9e59
--- /dev/null
+++ b/src/main/utils/resolve-system-proxy/electron.injectable.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import electron from "electron";
+
+const electronInjectable = getInjectable({
+  id: "electron",
+  instantiate: () => electron,
+  causesSideEffects: true,
+});
+
+export default electronInjectable;
diff --git a/src/main/utils/resolve-system-proxy/resolve-system-proxy-channel-responder.injectable.ts b/src/main/utils/resolve-system-proxy/resolve-system-proxy-channel-responder.injectable.ts
new file mode 100644
index 0000000000..c7a1747770
--- /dev/null
+++ b/src/main/utils/resolve-system-proxy/resolve-system-proxy-channel-responder.injectable.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import resolveSystemProxyChannelInjectable from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-channel.injectable";
+import resolveSystemProxyInjectable from "./resolve-system-proxy.injectable";
+import { requestChannelListenerInjectionToken } from "../../../common/utils/channel/request-channel-listener-injection-token";
+
+const resolveSystemProxyChannelResponderInjectable = getInjectable({
+  id: "resolve-system-proxy-channel-responder",
+
+  instantiate: (di) => ({
+    channel: di.inject(resolveSystemProxyChannelInjectable),
+    handler: di.inject(resolveSystemProxyInjectable),
+  }),
+
+  injectionToken: requestChannelListenerInjectionToken,
+});
+
+export default resolveSystemProxyChannelResponderInjectable;
diff --git a/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.injectable.ts b/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.injectable.ts
new file mode 100644
index 0000000000..c663d59fde
--- /dev/null
+++ b/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import electronInjectable from "./electron.injectable";
+import withErrorLoggingInjectable from "../../../common/utils/with-error-logging/with-error-logging.injectable";
+
+const resolveSystemProxyFromElectronInjectable = getInjectable({
+  id: "resolve-system-proxy-from-electron",
+
+  instantiate: (di) => {
+    const electron = di.inject(electronInjectable);
+    const withErrorLoggingFor = di.inject(withErrorLoggingInjectable);
+
+    const withErrorLogging = withErrorLoggingFor(() => "Error resolving proxy");
+
+    return withErrorLogging(async (url: string) => {
+      const webContent = electron.webContents
+        .getAllWebContents()
+        .find((x) => !x.isDestroyed());
+
+      if (!webContent) {
+        throw new Error(`Tried to resolve proxy for "${url}", but no browser window was available`);
+      }
+
+      return await webContent.session.resolveProxy(url);
+    });
+  },
+});
+
+export default resolveSystemProxyFromElectronInjectable;
diff --git a/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.test.ts b/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.test.ts
new file mode 100644
index 0000000000..a80a05a7cf
--- /dev/null
+++ b/src/main/utils/resolve-system-proxy/resolve-system-proxy-from-electron.test.ts
@@ -0,0 +1,138 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import resolveSystemProxyFromElectronInjectable from "./resolve-system-proxy-from-electron.injectable";
+import electronInjectable from "./electron.injectable";
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import type electron from "electron";
+import { getPromiseStatus } from "../../../common/test-utils/get-promise-status";
+import logErrorInjectable from "../../../common/log-error.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+
+describe("technical: resolve-system-proxy-from-electron", () => {
+  let resolveSystemProxyMock: AsyncFnMock<(url: string) => Promise<string>>;
+  let logErrorMock: jest.Mock;
+  let di: DiContainer;
+  let actualPromise: Promise<string>;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    logErrorMock = jest.fn();
+    di.override(logErrorInjectable, () => logErrorMock);
+  });
+
+  describe("given there are non-destroyed Lens windows, when called with URL", () => {
+    beforeEach(() => {
+      resolveSystemProxyMock = asyncFn();
+
+      di.override(
+        electronInjectable,
+
+        () =>
+          ({
+            webContents: {
+              getAllWebContents: () => [
+                {
+                  isDestroyed: () => true,
+
+                  session: {
+                    resolveProxy: () => {
+                      throw new Error("should never come here");
+                    },
+                  },
+                },
+
+                {
+                  isDestroyed: () => false,
+                  session: { resolveProxy: resolveSystemProxyMock },
+                },
+
+                {
+                  isDestroyed: () => false,
+
+                  session: {
+                    resolveProxy: () => {
+                      throw new Error("should never come here");
+                    },
+                  },
+                },
+              ],
+            },
+          } as unknown as typeof electron),
+      );
+
+      const resolveSystemProxyFromElectron = di.inject(
+        resolveSystemProxyFromElectronInjectable,
+      );
+
+      actualPromise = resolveSystemProxyFromElectron("some-url");
+    });
+
+    it("calls to resolve proxy from the first window", () => {
+      expect(resolveSystemProxyMock).toHaveBeenCalledWith("some-url");
+    });
+
+    it("does not resolve yet", async () => {
+      const promiseStatus = await getPromiseStatus(actualPromise);
+
+      expect(promiseStatus.fulfilled).toBe(false);
+    });
+
+    it("when call for proxy, resolves with the proxy", async () => {
+      resolveSystemProxyMock.resolve("some-proxy");
+
+      expect(await actualPromise).toBe("some-proxy");
+    });
+  });
+
+  describe("given there are only destroyed Lens windows, when called with URL", () => {
+    let error: any;
+
+    beforeEach(async () => {
+      di.override(
+        electronInjectable,
+        () =>
+          ({
+            webContents: {
+              getAllWebContents: () => [
+                {
+                  isDestroyed: () => true,
+
+                  session: {
+                    resolveProxy: () => {
+                      throw new Error("should never come here");
+                    },
+                  },
+                },
+              ],
+            },
+          } as unknown as typeof electron),
+      );
+
+      resolveSystemProxyMock = asyncFn();
+
+      const resolveSystemProxyFromElectron = di.inject(
+        resolveSystemProxyFromElectronInjectable,
+      );
+
+      try {
+        await resolveSystemProxyFromElectron("some-url");
+      } catch (e) {
+        error = e;
+      }
+    });
+
+    it("throws error", () => {
+      expect(error.message).toBe('Tried to resolve proxy for "some-url", but no browser window was available');
+    });
+
+    it("logs error", () => {
+      expect(logErrorMock).toHaveBeenCalledWith("Error resolving proxy", error);
+    });
+  });
+});
diff --git a/src/main/utils/resolve-system-proxy/resolve-system-proxy.injectable.ts b/src/main/utils/resolve-system-proxy/resolve-system-proxy.injectable.ts
new file mode 100644
index 0000000000..c683217916
--- /dev/null
+++ b/src/main/utils/resolve-system-proxy/resolve-system-proxy.injectable.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { resolveSystemProxyInjectionToken } from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-injection-token";
+import resolveSystemProxyFromElectronInjectable from "./resolve-system-proxy-from-electron.injectable";
+
+const resolveSystemProxyInjectable = getInjectable({
+  id: "resolve-system-proxy-for-main",
+
+  instantiate: (di) => {
+    const resolveSystemProxyFromElectron = di.inject(resolveSystemProxyFromElectronInjectable);
+
+    return (url) => resolveSystemProxyFromElectron(url);
+  },
+
+  injectionToken: resolveSystemProxyInjectionToken,
+});
+
+export default resolveSystemProxyInjectable;
diff --git a/src/main/utils/shell-env.ts b/src/main/utils/shell-env.ts
index 63f3b53159..abcbeb5bed 100644
--- a/src/main/utils/shell-env.ts
+++ b/src/main/utils/shell-env.ts
@@ -6,7 +6,7 @@
 import shellEnvironment from "shell-env";
 import logger from "../logger";
 
-export type EnvironmentVariables = Record<string, string>;
+export type EnvironmentVariables = Partial<Record<string, string>>;
 
 let shellSyncFailed = false;
 
diff --git a/src/renderer/api/__tests__/catalog-entity-registry.test.ts b/src/renderer/api/__tests__/catalog-entity-registry.test.ts
index 08dacb8f5a..7092650e5a 100644
--- a/src/renderer/api/__tests__/catalog-entity-registry.test.ts
+++ b/src/renderer/api/__tests__/catalog-entity-registry.test.ts
@@ -80,7 +80,7 @@ describe("CatalogEntityRegistry", () => {
   let catalogCategoryRegistry: CatalogCategoryRegistry;
 
   beforeEach(() => {
-    const di = getDiForUnitTesting();
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
 
     entityRegistry = di.inject(catalogEntityRegistryInjectable);
     catalogCategoryRegistry = di.inject(catalogCategoryRegistryInjectable);
diff --git a/src/renderer/api/__tests__/websocket-api.test.ts b/src/renderer/api/__tests__/websocket-api.test.ts
new file mode 100644
index 0000000000..5dda62b60c
--- /dev/null
+++ b/src/renderer/api/__tests__/websocket-api.test.ts
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { WebSocketEvents } from "../websocket-api";
+import { WebSocketApi } from "../websocket-api";
+
+class TestWebSocketApi extends WebSocketApi<WebSocketEvents> {
+  flush(): void {
+    super.flush();
+  }
+}
+
+describe("WebsocketApi tests", () => {
+  let api: TestWebSocketApi;
+
+  beforeEach(() => {
+    api = new TestWebSocketApi({});
+  });
+
+  describe("before connection", () => {
+    it("does not hang when flush is called", () => {
+      api.flush();
+    });
+
+    describe("when a message has been sent", () => {
+      beforeEach(() => {
+        api.send("a command");
+      });
+
+      it("does not hang when flush is called", () => {
+        api.flush();
+      });
+    });
+  });
+});
diff --git a/src/renderer/api/catalog/entity/registry.injectable.ts b/src/renderer/api/catalog/entity/registry.injectable.ts
index 03d4edf52e..a06413afdf 100644
--- a/src/renderer/api/catalog/entity/registry.injectable.ts
+++ b/src/renderer/api/catalog/entity/registry.injectable.ts
@@ -6,12 +6,14 @@ import { getInjectable } from "@ogre-tools/injectable";
 import catalogCategoryRegistryInjectable from "../../../../common/catalog/category-registry.injectable";
 import navigateInjectable from "../../../navigation/navigate.injectable";
 import { CatalogEntityRegistry } from "./registry";
+import loggerInjectable from "../../../../common/logger.injectable";
 
 const catalogEntityRegistryInjectable = getInjectable({
   id: "catalog-entity-registry",
   instantiate: (di) => new CatalogEntityRegistry({
     categoryRegistry: di.inject(catalogCategoryRegistryInjectable),
     navigate: di.inject(navigateInjectable),
+    logger: di.inject(loggerInjectable),
   }),
 });
 
diff --git a/src/renderer/api/catalog/entity/registry.ts b/src/renderer/api/catalog/entity/registry.ts
index 1f53cf3d94..9971be8462 100644
--- a/src/renderer/api/catalog/entity/registry.ts
+++ b/src/renderer/api/catalog/entity/registry.ts
@@ -10,12 +10,12 @@ import "../../../../common/catalog-entities";
 import { iter } from "../../../utils";
 import type { Disposer } from "../../../utils";
 import { once } from "lodash";
-import logger from "../../../../common/logger";
 import { CatalogRunEvent } from "../../../../common/catalog/catalog-run-event";
 import { ipcRenderer } from "electron";
 import { catalogInitChannel, catalogItemsChannel, catalogEntityRunListener } from "../../../../common/ipc/catalog";
 import { isMainFrame } from "process";
 import type { Navigate } from "../../../navigation/navigate.injectable";
+import type { Logger } from "../../../../common/logger";
 
 export type EntityFilter = (entity: CatalogEntity) => any;
 export type CatalogEntityOnBeforeRun = (event: CatalogRunEvent) => void | Promise<void>;
@@ -23,6 +23,7 @@ export type CatalogEntityOnBeforeRun = (event: CatalogRunEvent) => void | Promis
 interface Dependencies {
   navigate: Navigate;
   readonly categoryRegistry: CatalogCategoryRegistry;
+  logger: Logger;
 }
 
 export class CatalogEntityRegistry {
@@ -219,7 +220,7 @@ export class CatalogEntityRegistry {
    * @returns Whether the entities `onRun` method should be executed
    */
   async onBeforeRun(entity: CatalogEntity): Promise<boolean> {
-    logger.debug(`[CATALOG-ENTITY-REGISTRY]: run onBeforeRun on ${entity.getId()}`);
+    this.dependencies.logger.debug(`[CATALOG-ENTITY-REGISTRY]: run onBeforeRun on ${entity.getId()}`);
 
     const runEvent = new CatalogRunEvent({ target: entity });
 
@@ -227,7 +228,7 @@ export class CatalogEntityRegistry {
       try {
         await onBeforeRun(runEvent);
       } catch (error) {
-        logger.warn(`[CATALOG-ENTITY-REGISTRY]: entity ${entity.getId()} onBeforeRun threw an error`, error);
+        this.dependencies.logger.warn(`[CATALOG-ENTITY-REGISTRY]: entity ${entity.getId()} onBeforeRun threw an error`, error);
       }
 
       if (runEvent.defaultPrevented) {
@@ -253,9 +254,9 @@ export class CatalogEntityRegistry {
             },
           });
         } else {
-          logger.debug(`onBeforeRun for ${entity.getId()} returned false`);
+          this.dependencies.logger.debug(`onBeforeRun for ${entity.getId()} returned false`);
         }
       })
-      .catch(error => logger.error(`[CATALOG-ENTITY-REGISTRY]: entity ${entity.getId()} onRun threw an error`, error));
+      .catch(error => this.dependencies.logger.error(`[CATALOG-ENTITY-REGISTRY]: entity ${entity.getId()} onRun threw an error`, error));
   }
 }
diff --git a/src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts b/src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts
index 14ae9f9f98..0e73acfcd1 100644
--- a/src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts
+++ b/src/renderer/api/helpers/watch-for-general-entity-navigation.injectable.ts
@@ -4,6 +4,7 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import { reaction, when } from "mobx";
+import type { GeneralEntity } from "../../../common/catalog-entities";
 import generalCategoryInjectable from "../../../common/catalog/categories/general.injectable";
 import isActiveRouteInjectable from "../../navigation/is-route-active.injectable";
 import observableHistoryInjectable from "../../navigation/observable-history.injectable";
@@ -30,7 +31,7 @@ const watchForGeneralEntityNavigationInjectable = getInjectable({
           dispose.push(reaction(
             () => observableHistory.location,
             () => {
-              const entities = entityRegistry.getItemsForCategory(generalCategory);
+              const entities = entityRegistry.getItemsForCategory(generalCategory) as GeneralEntity[];
               const activeEntity = entities.find(entity => isActiveRoute(entity.spec.path));
 
               if (activeEntity) {
diff --git a/src/renderer/api/websocket-api.ts b/src/renderer/api/websocket-api.ts
index 748fef5e7b..74c0e5067a 100644
--- a/src/renderer/api/websocket-api.ts
+++ b/src/renderer/api/websocket-api.ts
@@ -94,16 +94,8 @@ export class WebSocketApi<Events extends WebSocketEvents> extends (EventEmitter
     }
   }
 
-  protected getIsConnected(): this is (WebSocketApi<Events> & { socket: WebSocket }) {
-    return this.socket?.readyState === WebSocket.OPEN && this.isOnline;
-  }
-
-  get isConnected() {
-    return this.getIsConnected();
-  }
-
-  get isOnline() {
-    return navigator.onLine;
+  isConnected(): this is (WebSocketApi<Events> & { socket: WebSocket }) {
+    return this.socket?.readyState === WebSocket.OPEN;
   }
 
   connect(url: string) {
@@ -120,7 +112,7 @@ export class WebSocketApi<Events extends WebSocketEvents> extends (EventEmitter
   }
 
   ping() {
-    if (this.isConnected) {
+    if (this.isConnected()) {
       this.send(this.params.pingMessage);
     }
   }
@@ -151,7 +143,7 @@ export class WebSocketApi<Events extends WebSocketEvents> extends (EventEmitter
   }
 
   send(command: string) {
-    if (this.getIsConnected()) {
+    if (this.isConnected()) {
       this.socket.send(command);
     } else {
       this.pendingCommands.push(command);
@@ -159,11 +151,13 @@ export class WebSocketApi<Events extends WebSocketEvents> extends (EventEmitter
   }
 
   protected flush() {
-    for (const command of this.pendingCommands) {
+    const commands = this.pendingCommands;
+
+    this.pendingCommands = [];
+
+    for (const command of commands) {
       this.send(command);
     }
-
-    this.pendingCommands.length = 0;
   }
 
   protected _onOpen(evt: Event) {
diff --git a/src/renderer/application-update/application-update-status-listener.injectable.ts b/src/renderer/application-update/application-update-status-listener.injectable.ts
deleted file mode 100644
index 69ba23608c..0000000000
--- a/src/renderer/application-update/application-update-status-listener.injectable.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { ApplicationUpdateStatusChannel, ApplicationUpdateStatusEventId } from "../../common/application-update/application-update-status-channel.injectable";
-import applicationUpdateStatusChannelInjectable from "../../common/application-update/application-update-status-channel.injectable";
-import showInfoNotificationInjectable from "../components/notifications/show-info-notification.injectable";
-import type { MessageChannelListener } from "../../common/utils/channel/message-channel-listener-injection-token";
-import { messageChannelListenerInjectionToken } from "../../common/utils/channel/message-channel-listener-injection-token";
-
-const applicationUpdateStatusListenerInjectable = getInjectable({
-  id: "application-update-status-listener",
-
-  instantiate: (di): MessageChannelListener<ApplicationUpdateStatusChannel> => {
-    const channel = di.inject(applicationUpdateStatusChannelInjectable);
-    const showInfoNotification = di.inject(showInfoNotificationInjectable);
-
-    const eventHandlers: Record<ApplicationUpdateStatusEventId, { handle: (version?: string) => void }> = {
-      "checking-for-updates": {
-        handle: () => {
-          showInfoNotification("Checking for updates...");
-        },
-      },
-
-      "no-updates-available": {
-        handle: () => {
-          showInfoNotification("No new updates available");
-        },
-      },
-
-      "download-for-update-started": {
-        handle: (version) => {
-          showInfoNotification(`Download for version ${version} started...`);
-        },
-      },
-
-      "download-for-update-failed": {
-        handle: () => {
-          showInfoNotification("Download of update failed");
-        },
-      },
-    };
-
-    return {
-      channel,
-
-      handler: ({ eventId, version }) => {
-        eventHandlers[eventId].handle(version);
-      },
-    };
-  },
-
-  injectionToken: messageChannelListenerInjectionToken,
-});
-
-export default applicationUpdateStatusListenerInjectable;
diff --git a/src/renderer/application-update/force-update-modal/force-update-modal-root-frame-component.injectable.ts b/src/renderer/application-update/force-update-modal/force-update-modal-root-frame-component.injectable.ts
new file mode 100644
index 0000000000..9681aa72e0
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/force-update-modal-root-frame-component.injectable.ts
@@ -0,0 +1,39 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { rootFrameChildComponentInjectionToken } from "../../frames/root-frame/root-frame-child-component-injection-token";
+import { ForceUpdateModal } from "./force-update-modal";
+import timeSinceUpdateWasDownloadedInjectable from "./time-since-update-was-downloaded.injectable";
+import updateDownloadedDateTimeInjectable from "../../../common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable";
+import timeAfterUpdateMustBeInstalledInjectable from "./time-after-update-must-be-installed.injectable";
+
+const forceUpdateModalRootFrameComponentInjectable = getInjectable({
+  id: "force-update-modal-root-frame-component",
+
+  instantiate: (di) => {
+    const timeSinceUpdateWasDownloaded = di.inject(timeSinceUpdateWasDownloadedInjectable);
+    const updateDownloadedDateTime = di.inject(updateDownloadedDateTimeInjectable);
+    const timeWhenUpdateMustBeInstalled = di.inject(timeAfterUpdateMustBeInstalledInjectable);
+
+    return {
+      id: "force-update-modal",
+      Component: ForceUpdateModal,
+
+      shouldRender: computed(
+        () =>
+          !!updateDownloadedDateTime.value.get() &&
+          timeSinceUpdateWasDownloaded.get() >= timeWhenUpdateMustBeInstalled,
+      ),
+    };
+  },
+
+  injectionToken: rootFrameChildComponentInjectionToken,
+
+  // Note: Globally overridden because it observes the current time which can cause long running tests
+  causesSideEffects: true,
+});
+
+export default forceUpdateModalRootFrameComponentInjectable;
diff --git a/src/renderer/application-update/force-update-modal/force-update-modal.module.scss b/src/renderer/application-update/force-update-modal/force-update-modal.module.scss
new file mode 100644
index 0000000000..268a4a2af7
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/force-update-modal.module.scss
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+$baseline: 8px;
+
+.ForceUpdateModal {
+  background-color: white;
+  border-radius: 1 * $baseline;
+  padding: 3 * $baseline;
+  width: 50 * $baseline;
+
+  .header {
+    margin-bottom: 2 * $baseline;
+  }
+
+  .content {
+    margin-bottom: 2 * $baseline;
+  }
+
+  .footer {
+    display: flex;
+    justify-content: center;
+  }
+}
diff --git a/src/renderer/application-update/force-update-modal/force-update-modal.tsx b/src/renderer/application-update/force-update-modal/force-update-modal.tsx
new file mode 100644
index 0000000000..22c322be82
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/force-update-modal.tsx
@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { withInjectables } from "@ogre-tools/injectable-react";
+import React from "react";
+import restartAndInstallUpdateInjectable from "../../components/update-button/restart-and-install-update.injectable";
+import { Countdown } from "../../components/countdown/countdown";
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import installUpdateCountdownInjectable from "./install-update-countdown.injectable";
+import { Dialog } from "../../components/dialog";
+import { Button } from "../../components/button";
+import styles from "./force-update-modal.module.scss";
+
+interface Dependencies {
+  restartAndInstallUpdate: () => void;
+  secondsTill: IComputedValue<number>;
+}
+
+const NonInjectedForceUpdateModal = observer(
+  ({ restartAndInstallUpdate, secondsTill }: Dependencies) => (
+    <Dialog isOpen={true} pinned>
+      <div
+        data-testid="must-update-immediately"
+        className={styles.ForceUpdateModal}
+      >
+        <div className={styles.header}>
+          <h2>Please update</h2>
+        </div>
+
+        <div className={styles.content}>
+          <p>
+            An update to Lens Desktop is required to continue using the application.
+          </p>
+        </div>
+
+        <div className={styles.footer}>
+          <Button
+            primary
+            data-testid="update-now-from-must-update-immediately-modal"
+            onClick={restartAndInstallUpdate}
+            label="Update"
+          >
+            {" "}
+            (
+            <Countdown
+              secondsTill={secondsTill}
+              data-testid="countdown-to-automatic-update"
+            />
+            )
+          </Button>
+        </div>
+      </div>
+    </Dialog>
+  ),
+);
+
+export const ForceUpdateModal = withInjectables<Dependencies>(
+  NonInjectedForceUpdateModal,
+
+  {
+    getProps: (di, props) => ({
+      restartAndInstallUpdate: di.inject(restartAndInstallUpdateInjectable),
+      secondsTill: di.inject(installUpdateCountdownInjectable),
+      ...props,
+    }),
+  },
+);
diff --git a/src/renderer/application-update/force-update-modal/install-update-countdown.injectable.ts b/src/renderer/application-update/force-update-modal/install-update-countdown.injectable.ts
new file mode 100644
index 0000000000..eb1ee53371
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/install-update-countdown.injectable.ts
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import countdownStateInjectable from "../../components/countdown/countdown-state.injectable";
+import secondsAfterInstallStartsInjectable from "./seconds-after-install-starts.injectable";
+import restartAndInstallUpdateInjectable from "../../components/update-button/restart-and-install-update.injectable";
+
+const installUpdateCountdownInjectable = getInjectable({
+  id: "install-update-countdown",
+
+  instantiate: (di) => {
+    const secondsAfterInstallStarts = di.inject(secondsAfterInstallStartsInjectable);
+    const restartAndInstallUpdate = di.inject(restartAndInstallUpdateInjectable);
+
+    return di.inject(countdownStateInjectable, {
+      startFrom: secondsAfterInstallStarts,
+
+      onZero: () => {
+        restartAndInstallUpdate();
+      },
+    });
+  },
+});
+
+export default installUpdateCountdownInjectable;
diff --git a/src/renderer/application-update/force-update-modal/seconds-after-install-starts.injectable.ts b/src/renderer/application-update/force-update-modal/seconds-after-install-starts.injectable.ts
new file mode 100644
index 0000000000..aec4c29f14
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/seconds-after-install-starts.injectable.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+const secondsAfterInstallStartsInjectable = getInjectable({
+  id: "seconds-after-install-starts",
+  instantiate: () => 90,
+});
+
+export default secondsAfterInstallStartsInjectable;
diff --git a/src/renderer/application-update/force-update-modal/time-after-update-must-be-installed.injectable.ts b/src/renderer/application-update/force-update-modal/time-after-update-must-be-installed.injectable.ts
new file mode 100644
index 0000000000..c2bdb3cc83
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/time-after-update-must-be-installed.injectable.ts
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+const THIRTY_DAYS = 30 * 24 * 60 * 60 * 1000;
+
+const timeAfterUpdateMustBeInstalledInjectable = getInjectable({
+  id: "time-after-update-must-be-installed",
+  instantiate: () => THIRTY_DAYS,
+});
+
+export default timeAfterUpdateMustBeInstalledInjectable;
diff --git a/src/renderer/application-update/force-update-modal/time-since-update-was-downloaded.injectable.ts b/src/renderer/application-update/force-update-modal/time-since-update-was-downloaded.injectable.ts
new file mode 100644
index 0000000000..e89657a72c
--- /dev/null
+++ b/src/renderer/application-update/force-update-modal/time-since-update-was-downloaded.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import assert from "assert";
+import { computed } from "mobx";
+import moment from "moment";
+import updateDownloadedDateTimeInjectable from "../../../common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable";
+import { reactiveNow } from "../../../common/utils/reactive-now/reactive-now";
+
+const timeSinceUpdateWasDownloadedInjectable = getInjectable({
+  id: "time-since-update-was-downloaded",
+
+  instantiate: (di) => {
+    const updateDownloadedDateTime = di.inject(updateDownloadedDateTimeInjectable);
+
+    return computed(() => {
+      const currentTimestamp = reactiveNow();
+
+      const downloadedAt = updateDownloadedDateTime.value.get();
+
+      assert(downloadedAt);
+
+      return currentTimestamp - (moment(downloadedAt).unix() * 1000);
+    });
+  },
+});
+
+export default timeSinceUpdateWasDownloadedInjectable;
diff --git a/src/renderer/ask-boolean/ask-boolean-question-channel-listener.injectable.tsx b/src/renderer/ask-boolean/ask-boolean-question-channel-listener.injectable.tsx
deleted file mode 100644
index 5e9adff4cc..0000000000
--- a/src/renderer/ask-boolean/ask-boolean-question-channel-listener.injectable.tsx
+++ /dev/null
@@ -1,107 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import type { AskBooleanQuestionChannel } from "../../common/ask-boolean/ask-boolean-question-channel.injectable";
-import askBooleanQuestionChannelInjectable from "../../common/ask-boolean/ask-boolean-question-channel.injectable";
-import showInfoNotificationInjectable from "../components/notifications/show-info-notification.injectable";
-import { Button } from "../components/button";
-import React from "react";
-import { messageToChannelInjectionToken } from "../../common/utils/channel/message-to-channel-injection-token";
-import askBooleanAnswerChannelInjectable from "../../common/ask-boolean/ask-boolean-answer-channel.injectable";
-import notificationsStoreInjectable from "../components/notifications/notifications-store.injectable";
-import type { MessageChannelListener } from "../../common/utils/channel/message-channel-listener-injection-token";
-import { messageChannelListenerInjectionToken } from "../../common/utils/channel/message-channel-listener-injection-token";
-
-const askBooleanQuestionChannelListenerInjectable = getInjectable({
-  id: "ask-boolean-question-channel-listener",
-
-  instantiate: (di): MessageChannelListener<AskBooleanQuestionChannel> => {
-    const questionChannel = di.inject(askBooleanQuestionChannelInjectable);
-    const showInfoNotification = di.inject(showInfoNotificationInjectable);
-    const messageToChannel = di.inject(messageToChannelInjectionToken);
-    const answerChannel = di.inject(askBooleanAnswerChannelInjectable);
-    const notificationsStore = di.inject(notificationsStoreInjectable);
-
-    const sendAnswerFor = (id: string) => (value: boolean) => {
-      messageToChannel(answerChannel, { id, value });
-    };
-
-    const closeNotification = (notificationId: string) => {
-      notificationsStore.remove(notificationId);
-    };
-
-    const sendAnswerAndCloseNotificationFor = (sendAnswer: (value: boolean) => void, notificationId: string) => (value: boolean) => () => {
-      sendAnswer(value);
-      closeNotification(notificationId);
-    };
-
-    return {
-      channel: questionChannel,
-
-      handler: ({ id: questionId, title, question }) => {
-        const notificationId = `ask-boolean-for-${questionId}`;
-
-        const sendAnswer = sendAnswerFor(questionId);
-        const sendAnswerAndCloseNotification = sendAnswerAndCloseNotificationFor(sendAnswer, notificationId);
-
-        showInfoNotification(
-          <AskBoolean
-            id={questionId}
-            title={title}
-            message={question}
-            onNo={sendAnswerAndCloseNotification(false)}
-            onYes={sendAnswerAndCloseNotification(true)}
-          />,
-
-          {
-            id: notificationId,
-            timeout: 0,
-            onClose: () => sendAnswer(false),
-          },
-        );
-      },
-    };
-  },
-
-  injectionToken: messageChannelListenerInjectionToken,
-});
-
-export default askBooleanQuestionChannelListenerInjectable;
-
-const AskBoolean = ({
-  id,
-  title,
-  message,
-  onNo,
-  onYes,
-}: {
-  id: string;
-  title: string;
-  message: string;
-  onNo: () => void;
-  onYes: () => void;
-}) => (
-  <div className="flex column gaps" data-testid={`ask-boolean-${id}`}>
-    <b>{title}</b>
-    <p>{message}</p>
-
-    <div className="flex gaps row align-left box grow">
-      <Button
-        light
-        label="Yes"
-        onClick={onYes}
-        data-testid={`ask-boolean-${id}-button-yes`}
-      />
-
-      <Button
-        active
-        outlined
-        label="No"
-        data-testid={`ask-boolean-${id}-button-no`}
-        onClick={onNo}
-      />
-    </div>
-  </div>
-);
diff --git a/src/renderer/bootstrap.tsx b/src/renderer/bootstrap.tsx
index d0f671d20a..5573dbdbd2 100644
--- a/src/renderer/bootstrap.tsx
+++ b/src/renderer/bootstrap.tsx
@@ -102,9 +102,6 @@ export async function bootstrap(di: DiContainer) {
   logger.info(`${logPrefix} initializing EntitySettingsRegistry`);
   initializers.initEntitySettingsRegistry();
 
-  logger.info(`${logPrefix} initializing KubeObjectDetailRegistry`);
-  initializers.initKubeObjectDetailRegistry();
-
   logger.info(`${logPrefix} initializing CatalogEntityDetailRegistry`);
   initializers.initCatalogEntityDetailRegistry();
 
diff --git a/src/renderer/cluster-frame-context/active-kubernetes-cluster.injectable.ts b/src/renderer/cluster-frame-context/active-kubernetes-cluster.injectable.ts
new file mode 100644
index 0000000000..db6e109767
--- /dev/null
+++ b/src/renderer/cluster-frame-context/active-kubernetes-cluster.injectable.ts
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import catalogEntityRegistryInjectable from "../api/catalog/entity/registry.injectable";
+import { computed } from "mobx";
+import { isKubernetesCluster } from "../../common/catalog-entities";
+
+const activeKubernetesClusterInjectable = getInjectable({
+  id: "active-kubernetes-cluster",
+
+  instantiate: (di) => {
+    const catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
+
+    return computed(() => {
+      const activeEntity = catalogEntityRegistry.activeEntity;
+
+      if (!isKubernetesCluster(activeEntity)) {
+        return null;
+      }
+
+      return activeEntity;
+    });
+  },
+});
+
+export default activeKubernetesClusterInjectable;
diff --git a/src/renderer/components/+add-cluster/add-cluster.tsx b/src/renderer/components/+add-cluster/add-cluster.tsx
index b582cc99dc..6630420ad6 100644
--- a/src/renderer/components/+add-cluster/add-cluster.tsx
+++ b/src/renderer/components/+add-cluster/add-cluster.tsx
@@ -112,7 +112,7 @@ class NonInjectedAddCluster extends React.Component<Dependencies> {
           <code>~/.kube/config</code>
           {" file. "}
           <a
-            href={`${docsUrl}/catalog/add-clusters/`}
+            href={`${docsUrl}/catalog/add-cluster/`}
             rel="noreferrer"
             target="_blank"
           >
diff --git a/src/renderer/components/+catalog/__tests__/custom-columns.test.ts b/src/renderer/components/+catalog/__tests__/custom-columns.test.ts
index 83b564566b..d689e8f812 100644
--- a/src/renderer/components/+catalog/__tests__/custom-columns.test.ts
+++ b/src/renderer/components/+catalog/__tests__/custom-columns.test.ts
@@ -43,7 +43,7 @@ describe("Custom Category Columns", () => {
   let di: DiContainer;
 
   beforeEach(() => {
-    di = getDiForUnitTesting();
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
 
     di.override(hotbarStoreInjectable, () => ({}));
   });
diff --git a/src/renderer/components/+catalog/__tests__/custom-views.test.ts b/src/renderer/components/+catalog/__tests__/custom-views.test.ts
index 8bd996505e..8a8f7fa39d 100644
--- a/src/renderer/components/+catalog/__tests__/custom-views.test.ts
+++ b/src/renderer/components/+catalog/__tests__/custom-views.test.ts
@@ -16,7 +16,7 @@ describe("Custom Category Views", () => {
   let di: DiContainer;
 
   beforeEach(() => {
-    di = getDiForUnitTesting();
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
   });
 
   it("should order items correctly over all extensions", () => {
diff --git a/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx b/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
index 1cf39c4809..089e0aa191 100644
--- a/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
+++ b/src/renderer/components/+catalog/catalog-entity-drawer-menu.tsx
@@ -95,6 +95,7 @@ class NonInjectedCatalogEntityDrawerMenu<T extends CatalogEntity> extends React.
 
     return (
       <MenuActions
+        id={`menu-actions-for-catalog-entity-drawer-menu-${entity.getId()}`}
         className={cssNames("CatalogEntityDrawerMenu", className)}
         toolbar
         {...menuProps}
diff --git a/src/renderer/components/+catalog/catalog.test.tsx b/src/renderer/components/+catalog/catalog.test.tsx
index 808226727c..885fa640d5 100644
--- a/src/renderer/components/+catalog/catalog.test.tsx
+++ b/src/renderer/components/+catalog/catalog.test.tsx
@@ -7,10 +7,9 @@ import React from "react";
 import { screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { Catalog } from "./catalog";
-import { mockWindow } from "../../../../__mocks__/windowMock";
 import type { CatalogEntityActionContext, CatalogEntityData } from "../../../common/catalog";
 import { CatalogEntity } from "../../../common/catalog";
-import type { CatalogEntityRegistry } from "../../api/catalog/entity/registry";
+import type { CatalogEntityOnBeforeRun, CatalogEntityRegistry } from "../../api/catalog/entity/registry";
 import { CatalogEntityDetailRegistry } from "../../../extensions/registries";
 import type { CatalogEntityStore } from "./catalog-entity-store/catalog-entity.store";
 import { getDiForUnitTesting } from "../../getDiForUnitTesting";
@@ -19,39 +18,15 @@ import catalogEntityStoreInjectable from "./catalog-entity-store/catalog-entity-
 import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
 import type { DiRender } from "../test-utils/renderFor";
 import { renderFor } from "../test-utils/renderFor";
-import mockFs from "mock-fs";
 import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import getConfigurationFileModelInjectable from "../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import type { AppEvent } from "../../../common/app-event-bus/event-bus";
 import appEventBusInjectable from "../../../common/app-event-bus/app-event-bus.injectable";
 import { computed } from "mobx";
 import broadcastMessageInjectable from "../../../common/ipc/broadcast-message.injectable";
-
-mockWindow();
-jest.mock("electron", () => ({
-  app: {
-    getVersion: () => "99.99.99",
-    getName: () => "lens",
-    setName: jest.fn(),
-    setPath: jest.fn(),
-    getPath: () => "tmp",
-    getLocale: () => "en",
-    setLoginItemSettings: jest.fn(),
-  },
-  ipcMain: {
-    on: jest.fn(),
-    handle: jest.fn(),
-  },
-  ipcRenderer: {
-    on: jest.fn(),
-    invoke: jest.fn(),
-  },
-}));
-
-jest.mock("./hotbar-toggle-menu-item", () => ({
-  HotbarToggleMenuItem: () => <div>menu item</div>,
-}));
+import type { AsyncFnMock } from "@async-fn/jest";
+import asyncFn from "@async-fn/jest";
+import { flushPromises } from "../../../common/test-utils/flush-promises";
 
 class MockCatalogEntity extends CatalogEntity {
   public apiVersion = "api";
@@ -95,9 +70,7 @@ describe("<Catalog />", () => {
     di.override(broadcastMessageInjectable, () => async () => {});
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
-    mockFs();
     CatalogEntityDetailRegistry.createInstance();
 
     render = renderFor(di);
@@ -105,8 +78,6 @@ describe("<Catalog />", () => {
     catalogEntityItem = createMockCatalogEntity(onRun);
     catalogEntityRegistry = di.inject(catalogEntityRegistryInjectable);
 
-    di.override(catalogEntityRegistryInjectable, () => catalogEntityRegistry);
-
     emitEvent = jest.fn();
 
     di.override(appEventBusInjectable, () => ({
@@ -121,60 +92,71 @@ describe("<Catalog />", () => {
 
   afterEach(() => {
     CatalogEntityDetailRegistry.resetInstance();
-    jest.clearAllMocks();
-    jest.restoreAllMocks();
-    mockFs.restore();
   });
 
-  it("can use catalogEntityRegistry.addOnBeforeRun to add hooks for catalog entities", (done) => {
-    catalogEntityRegistry.addOnBeforeRun(
-      (event) => {
-        expect(event.target.getId()).toBe("a_catalogEntity_uid");
-        expect(event.target.getName()).toBe("a catalog entity");
+  describe("can use catalogEntityRegistry.addOnBeforeRun to add hooks for catalog entities", () => {
+    let onBeforeRunMock: AsyncFnMock<CatalogEntityOnBeforeRun>;
 
-        setTimeout(() => {
-          expect(onRun).toHaveBeenCalled();
-          done();
-        }, 500);
-      },
-    );
+    beforeEach(() => {
+      onBeforeRunMock = asyncFn();
+
+      catalogEntityRegistry.addOnBeforeRun(onBeforeRunMock);
+
+      render(<Catalog />);
+
+      userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
+    });
+
+    it("calls on before run event", () => {
+      const target = onBeforeRunMock.mock.calls[0][0].target;
+
+      const actual = { id: target.getId(), name: target.getName() };
+
+      expect(actual).toEqual({
+        id: "a_catalogEntity_uid",
+        name: "a catalog entity",
+      });
+    });
+
+    it("does not call onRun yet", () => {
+      expect(onRun).not.toHaveBeenCalled();
+    });
+
+    it("when before run event resolves, calls onRun", async () => {
+      await onBeforeRunMock.resolve();
+
+      expect(onRun).toHaveBeenCalled();
+    });
+  });
+
+  it("onBeforeRun prevents event => onRun wont be triggered", async () => {
+    const onBeforeRunMock = jest.fn((event) => event.preventDefault());
+
+    catalogEntityRegistry.addOnBeforeRun(onBeforeRunMock);
 
     render(<Catalog />);
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
+
+    await flushPromises();
+
+    expect(onRun).not.toHaveBeenCalled();
   });
 
-  it("onBeforeRun prevents event => onRun wont be triggered", (done) => {
-    catalogEntityRegistry.addOnBeforeRun(
-      (e) => {
-        setTimeout(() => {
-          expect(onRun).not.toHaveBeenCalled();
-          done();
-        }, 500);
-        e.preventDefault();
-      },
-    );
+  it("addOnBeforeRun throw an exception => onRun will be triggered", async () => {
+    const onBeforeRunMock = jest.fn(() => {
+      throw new Error("some error");
+    });
+
+    catalogEntityRegistry.addOnBeforeRun(onBeforeRunMock);
 
     render(<Catalog />);
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
-  });
 
-  it("addOnBeforeRun throw an exception => onRun will be triggered", (done) => {
-    catalogEntityRegistry.addOnBeforeRun(
-      () => {
-        setTimeout(() => {
-          expect(onRun).toHaveBeenCalled();
-          done();
-        }, 500);
+    await flushPromises();
 
-        throw new Error("error!");
-      },
-    );
-
-    render(<Catalog />);
-
-    userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
+    expect(onRun).toHaveBeenCalled();
   });
 
   it("addOnRunHook return a promise and does not prevent run event => onRun()", (done) => {
@@ -191,40 +173,34 @@ describe("<Catalog />", () => {
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
   });
 
-  it("addOnRunHook return a promise and prevents event wont be triggered", (done) => {
-    catalogEntityRegistry.addOnBeforeRun(
-      async (e) => {
-        expect(onRun).not.toBeCalled();
+  it("addOnRunHook return a promise and prevents event wont be triggered", async () => {
+    const onBeforeRunMock = asyncFn();
 
-        setTimeout(() => {
-          expect(onRun).not.toBeCalled();
-          done();
-        }, 500);
-
-        e.preventDefault();
-      },
-    );
+    catalogEntityRegistry.addOnBeforeRun(onBeforeRunMock);
 
     render(<Catalog />);
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
+
+    onBeforeRunMock.mock.calls[0][0].preventDefault();
+
+    await onBeforeRunMock.resolve();
+
+    expect(onRun).not.toHaveBeenCalled();
   });
 
-  it("addOnRunHook return a promise and reject => onRun will be triggered", (done) => {
-    catalogEntityRegistry.addOnBeforeRun(
-      async () => {
-        setTimeout(() => {
-          expect(onRun).toHaveBeenCalled();
-          done();
-        }, 500);
+  it("addOnRunHook return a promise and reject => onRun will be triggered", async () => {
+    const onBeforeRunMock = asyncFn();
 
-        throw new Error("rejection!");
-      },
-    );
+    catalogEntityRegistry.addOnBeforeRun(onBeforeRunMock);
 
     render(<Catalog />);
 
     userEvent.click(screen.getByTestId("detail-panel-hot-bar-icon"));
+
+    await onBeforeRunMock.reject();
+
+    expect(onRun).toHaveBeenCalled();
   });
 
   it("emits catalog open AppEvent", () => {
diff --git a/src/renderer/components/+catalog/catalog.tsx b/src/renderer/components/+catalog/catalog.tsx
index 30a87f77a6..723c21da13 100644
--- a/src/renderer/components/+catalog/catalog.tsx
+++ b/src/renderer/components/+catalog/catalog.tsx
@@ -198,7 +198,7 @@ class NonInjectedCatalog extends React.Component<Dependencies> {
     };
 
     return (
-      <MenuActions onOpen={onOpen}>
+      <MenuActions id={`menu-actions-for-catalog-for-${entity.getId()}`} onOpen={onOpen}>
         <MenuItem
           key="open-details"
           onClick={() => this.props.catalogEntityStore.selectedItemId.set(entity.getId())}
diff --git a/src/renderer/components/+cluster/cluster-issues.tsx b/src/renderer/components/+cluster/cluster-issues.tsx
index 559c54a365..48f36e2168 100644
--- a/src/renderer/components/+cluster/cluster-issues.tsx
+++ b/src/renderer/components/+cluster/cluster-issues.tsx
@@ -7,6 +7,7 @@ import styles from "./cluster-issues.module.scss";
 
 import React from "react";
 import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
 import { computed, makeObservable } from "mobx";
 import { Icon } from "../icon";
 import { SubHeader } from "../layout/sub-header";
@@ -14,11 +15,9 @@ import { Table, TableCell, TableHead, TableRow } from "../table";
 import { cssNames, prevDefault } from "../../utils";
 import type { ItemObject } from "../../../common/item.store";
 import { Spinner } from "../spinner";
-import type { ThemeStore } from "../../themes/store";
 import type { ApiManager } from "../../../common/k8s-api/api-manager";
 import { KubeObjectAge } from "../kube-object/age";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
 import type { NodeStore } from "../+nodes/store";
 import type { EventStore } from "../+events/store";
 import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
@@ -28,6 +27,8 @@ import type { PageParam } from "../../navigation";
 import type { ToggleKubeDetailsPane } from "../kube-detail-params/toggle-details.injectable";
 import kubeSelectedUrlParamInjectable from "../kube-detail-params/kube-selected-url.injectable";
 import toggleKubeDetailsPaneInjectable from "../kube-detail-params/toggle-details.injectable";
+import type { LensTheme } from "../../themes/store";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export interface ClusterIssuesProps {
   className?: string;
@@ -48,7 +49,7 @@ enum sortBy {
 }
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
   nodeStore: NodeStore;
   eventStore: EventStore;
   apiManager: ApiManager;
@@ -166,7 +167,7 @@ class NonInjectedClusterIssues extends React.Component<ClusterIssuesProps & Depe
           sortByDefault={{ sortBy: sortBy.object, orderBy: "asc" }}
           sortSyncWithUrl={false}
           getTableRow={this.getTableRow}
-          className={cssNames("box grow", this.props.themeStore.activeTheme.type)}
+          className={cssNames("box grow", this.props.activeTheme.get().type)}
         >
           <TableHead nowrap>
             <TableCell className="message">Message</TableCell>
@@ -191,7 +192,7 @@ class NonInjectedClusterIssues extends React.Component<ClusterIssuesProps & Depe
 export const ClusterIssues = withInjectables<Dependencies, ClusterIssuesProps>(NonInjectedClusterIssues, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
     apiManager: di.inject(apiManagerInjectable),
     eventStore: di.inject(eventStoreInjectable),
     nodeStore: di.inject(nodeStoreInjectable),
diff --git a/src/renderer/components/+cluster/cluster-metric-switchers.tsx b/src/renderer/components/+cluster/cluster-metric-switchers.tsx
index 32c3dce572..716084026d 100644
--- a/src/renderer/components/+cluster/cluster-metric-switchers.tsx
+++ b/src/renderer/components/+cluster/cluster-metric-switchers.tsx
@@ -6,13 +6,13 @@
 import React from "react";
 import { observer } from "mobx-react";
 import type { NodeStore } from "../+nodes/store";
-import { cssNames } from "../../utils";
 import { Radio, RadioGroup } from "../radio";
 import type { ClusterOverviewStore } from "./cluster-overview-store/cluster-overview-store";
 import { MetricNodeRole, MetricType } from "./cluster-overview-store/cluster-overview-store";
 import clusterOverviewStoreInjectable from "./cluster-overview-store/cluster-overview-store.injectable";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import nodeStoreInjectable from "../+nodes/store.injectable";
+import { normalizeMetrics } from "../../../common/k8s-api/endpoints/metrics.api";
 
 interface Dependencies {
   clusterOverviewStore: ClusterOverviewStore;
@@ -24,32 +24,50 @@ const NonInjectedClusterMetricSwitchers = observer(({
   nodeStore,
 }: Dependencies) => {
   const { masterNodes, workerNodes } = nodeStore;
-  const metricsValues = clusterOverviewStore.getMetricsValues(clusterOverviewStore.metrics);
-  const disableRoles = !masterNodes.length || !workerNodes.length;
-  const disableMetrics = !metricsValues.length;
+  const { cpuUsage, memoryUsage } = clusterOverviewStore.metrics;
+  const hasMasterNodes = masterNodes.length > 0;
+  const hasWorkerNodes = workerNodes.length > 0;
+  const hasCpuMetrics = normalizeMetrics(cpuUsage).data.result[0].values.length > 0;
+  const hasMemoryMetrics = normalizeMetrics(memoryUsage).data.result[0].values.length > 0;
 
   return (
     <div className="flex gaps" style={{ marginBottom: "calc(var(--margin) * 2)" }}>
       <div className="box grow">
         <RadioGroup
           asButtons
-          className={cssNames("RadioGroup flex gaps", { disabled: disableRoles })}
+          className="RadioGroup flex gaps"
           value={clusterOverviewStore.metricNodeRole}
           onChange={metric => clusterOverviewStore.metricNodeRole = metric}
         >
-          <Radio label="Master" value={MetricNodeRole.MASTER}/>
-          <Radio label="Worker" value={MetricNodeRole.WORKER}/>
+          <Radio
+            label="Master"
+            value={MetricNodeRole.MASTER}
+            disabled={!hasMasterNodes}
+          />
+          <Radio
+            label="Worker"
+            value={MetricNodeRole.WORKER}
+            disabled={!hasWorkerNodes}
+          />
         </RadioGroup>
       </div>
       <div className="box grow" style={{ textAlign: "right" }}>
         <RadioGroup
           asButtons
-          className={cssNames("RadioGroup flex gaps", { disabled: disableMetrics })}
+          className="RadioGroup flex gaps"
           value={clusterOverviewStore.metricType}
           onChange={value => clusterOverviewStore.metricType = value}
         >
-          <Radio label="CPU" value={MetricType.CPU}/>
-          <Radio label="Memory" value={MetricType.MEMORY}/>
+          <Radio
+            label="CPU"
+            value={MetricType.CPU}
+            disabled={!hasCpuMetrics}
+          />
+          <Radio
+            label="Memory"
+            value={MetricType.MEMORY}
+            disabled={!hasMemoryMetrics}
+          />
         </RadioGroup>
       </div>
     </div>
diff --git a/src/renderer/components/+cluster/cluster-metrics.module.scss b/src/renderer/components/+cluster/cluster-metrics.module.scss
index 06bba97b0d..8f45b01913 100644
--- a/src/renderer/components/+cluster/cluster-metrics.module.scss
+++ b/src/renderer/components/+cluster/cluster-metrics.module.scss
@@ -17,7 +17,7 @@
   }
 
   .empty {
-    margin-top: -45px;
     text-align: center;
+    padding-bottom: 45px;
   }
 }
diff --git a/src/renderer/components/+cluster/cluster-pie-charts.tsx b/src/renderer/components/+cluster/cluster-pie-charts.tsx
index 94612d2229..6d633c9eb9 100644
--- a/src/renderer/components/+cluster/cluster-pie-charts.tsx
+++ b/src/renderer/components/+cluster/cluster-pie-charts.tsx
@@ -16,12 +16,13 @@ import type { PieChartData } from "../chart";
 import { PieChart } from "../chart";
 import { ClusterNoMetrics } from "./cluster-no-metrics";
 import { bytesToUnits, cssNames } from "../../utils";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { getMetricLastPoints } from "../../../common/k8s-api/endpoints/metrics.api";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import clusterOverviewStoreInjectable from "./cluster-overview-store/cluster-overview-store.injectable";
 import nodeStoreInjectable from "../+nodes/store.injectable";
-import themeStoreInjectable from "../../themes/store.injectable";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 function createLabels(rawLabelData: [string, number | undefined][]): string[] {
   return rawLabelData.map(([key, value]) => `${key}: ${value?.toFixed(2) || "N/A"}`);
@@ -30,13 +31,13 @@ function createLabels(rawLabelData: [string, number | undefined][]): string[] {
 interface Dependencies {
   clusterOverviewStore: ClusterOverviewStore;
   nodeStore: NodeStore;
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 const NonInjectedClusterPieCharts = observer(({
   clusterOverviewStore,
   nodeStore,
-  themeStore,
+  activeTheme,
 }: Dependencies) => {
   const renderLimitWarning = () => {
     return (
@@ -54,7 +55,7 @@ const NonInjectedClusterPieCharts = observer(({
     const { podUsage, podAllocatableCapacity, podCapacity } = data;
     const cpuLimitsOverload = cpuLimits > cpuAllocatableCapacity;
     const memoryLimitsOverload = memoryLimits > memoryAllocatableCapacity;
-    const defaultColor = themeStore.activeTheme.colors.pieChartDefaultColor;
+    const defaultColor = activeTheme.get().colors.pieChartDefaultColor;
 
     if (!memoryCapacity || !cpuCapacity || !podCapacity || !memoryAllocatableCapacity || !cpuAllocatableCapacity || !podAllocatableCapacity) return null;
     const cpuData: PieChartData = {
@@ -261,6 +262,6 @@ export const ClusterPieCharts = withInjectables<Dependencies>(NonInjectedCluster
   getProps: (di) => ({
     clusterOverviewStore: di.inject(clusterOverviewStoreInjectable),
     nodeStore: di.inject(nodeStoreInjectable),
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
diff --git a/src/renderer/components/+config-autoscalers/hpa-details.tsx b/src/renderer/components/+config-autoscalers/hpa-details.tsx
index c265085489..887280d298 100644
--- a/src/renderer/components/+config-autoscalers/hpa-details.tsx
+++ b/src/renderer/components/+config-autoscalers/hpa-details.tsx
@@ -63,27 +63,13 @@ class NonInjectedHpaDetails extends React.Component<HpaDetailsProps & Dependenci
         case HpaMetricType.Resource: {
           const metricSpec = metric.resource ?? metric.containerResource;
           const addition = metricSpec.targetAverageUtilization
-            ? "(as a percentage of request)"
+            ? " (as a percentage of request)"
             : "";
 
-          return (
-            <>
-              Resource
-              {metricSpec.name}
-              {" "}
-              on Pods
-              {addition}
-            </>
-          );
+          return `Resource ${metricSpec.name} on Pods${addition}`;
         }
         case HpaMetricType.Pods:
-          return (
-            <>
-              {metric.pods.metricName}
-              {" "}
-              on Pods
-            </>
-          );
+          return `${metric.pods.metricName} on Pods`;
 
         case HpaMetricType.Object: {
           return (
@@ -95,15 +81,7 @@ class NonInjectedHpaDetails extends React.Component<HpaDetailsProps & Dependenci
           );
         }
         case HpaMetricType.External:
-          return (
-            <>
-              {metric.external.metricName}
-              {" "}
-              on
-              {" "}
-              {JSON.stringify(metric.external.metricSelector)}
-            </>
-          );
+          return `${metric.external.metricName} on ${JSON.stringify(metric.external.metricSelector)}`;
       }
     };
 
diff --git a/src/renderer/components/+config-priority-classes/index.ts b/src/renderer/components/+config-priority-classes/index.ts
new file mode 100644
index 0000000000..73538c3e18
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/index.ts
@@ -0,0 +1,7 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+export * from "./priority-classes";
+export * from "./priority-classes-details";
diff --git a/src/renderer/components/+config-priority-classes/priority-classes-details.scss b/src/renderer/components/+config-priority-classes/priority-classes-details.scss
new file mode 100644
index 0000000000..92697c079e
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/priority-classes-details.scss
@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PriorityClassesDetails {}
\ No newline at end of file
diff --git a/src/renderer/components/+config-priority-classes/priority-classes-details.tsx b/src/renderer/components/+config-priority-classes/priority-classes-details.tsx
new file mode 100644
index 0000000000..5bfcc4ca07
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/priority-classes-details.tsx
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./priority-classes.scss";
+
+import React from "react";
+import { observer } from "mobx-react";
+import { DrawerItem } from "../drawer";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type { PriorityClass } from "../../../common/k8s-api/endpoints";
+import { KubeObjectMeta } from "../kube-object-meta";
+
+export interface PriorityClassesDetailsProps extends KubeObjectDetailsProps<PriorityClass> {
+}
+
+@observer
+export class PriorityClassesDetails extends React.Component<PriorityClassesDetailsProps> {
+
+  render() {
+    const { object: pc } = this.props;
+
+    return (
+      <div className="PriorityClassesDetails">
+        <KubeObjectMeta object={pc} />
+
+        <DrawerItem name="Description">
+          {pc.getDescription()}
+        </DrawerItem>
+
+        <DrawerItem name="Value">
+          {pc.getValue()}
+        </DrawerItem>
+
+        <DrawerItem name="Global Default">
+          {pc.getGlobalDefault()}
+        </DrawerItem>
+
+      </div>
+    );
+  }
+}
diff --git a/src/renderer/components/+config-priority-classes/priority-classes-items.injectable.tsx b/src/renderer/components/+config-priority-classes/priority-classes-items.injectable.tsx
new file mode 100644
index 0000000000..bc2512714f
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/priority-classes-items.injectable.tsx
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+
+import priorityClassesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable";
+import { configSidebarItemId } from "../+config/config-sidebar-items.injectable";
+import { sidebarItemsInjectionToken } from "../layout/sidebar-items.injectable";
+import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
+import navigateToPriorityClassesInjectable from "../../../common/front-end-routing/routes/cluster/config/priority-classes/navigate-to-priority-classes.injectable";
+
+const priorityClassesSidebarItemsInjectable = getInjectable({
+  id: "priority-classes-sidebar-items",
+
+  instantiate: (di) => {
+    const route = di.inject(priorityClassesRouteInjectable);
+    const navigateToPriorityClasses = di.inject(navigateToPriorityClassesInjectable);
+    const routeIsActive = di.inject(routeIsActiveInjectable, route);
+
+    return computed(() => [
+      {
+        id: "priority-classes",
+        parentId: configSidebarItemId,
+        title: "Priority Classes",
+        onClick: navigateToPriorityClasses,
+        isActive: routeIsActive,
+        isVisible: route.isEnabled,
+        orderNumber: 60,
+      },
+    ]);
+  },
+
+  injectionToken: sidebarItemsInjectionToken,
+});
+
+export default priorityClassesSidebarItemsInjectable;
diff --git a/src/renderer/components/+config-priority-classes/priority-classes-route-component.injectable.ts b/src/renderer/components/+config-priority-classes/priority-classes-route-component.injectable.ts
new file mode 100644
index 0000000000..01d7aceb24
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/priority-classes-route-component.injectable.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { PriorityClasses } from "./priority-classes";
+import priorityClassesRouteInjectable from "../../../common/front-end-routing/routes/cluster/config/priority-classes/priority-classes-route.injectable";
+import { routeSpecificComponentInjectionToken } from "../../routes/route-specific-component-injection-token";
+
+const podDisruptionBudgetsRouteComponentInjectable = getInjectable({
+  id: "priority-classes-route-component",
+
+  instantiate: (di) => ({
+    route: di.inject(priorityClassesRouteInjectable),
+    Component: PriorityClasses,
+  }),
+
+  injectionToken: routeSpecificComponentInjectionToken,
+});
+
+export default podDisruptionBudgetsRouteComponentInjectable;
diff --git a/src/renderer/components/+config-priority-classes/priority-classes.scss b/src/renderer/components/+config-priority-classes/priority-classes.scss
new file mode 100644
index 0000000000..082f3ae68e
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/priority-classes.scss
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.PriorityClasses {
+  .TableCell {
+    &.name {
+      flex: 2;
+    }
+
+    &.warning {
+      @include table-cell-warning;
+    }
+
+    &.keys {
+      flex: 2.5;
+    }
+
+    &.age {
+      flex: .5;
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/components/+config-priority-classes/priority-classes.tsx b/src/renderer/components/+config-priority-classes/priority-classes.tsx
new file mode 100644
index 0000000000..4706fd0269
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/priority-classes.tsx
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./priority-classes.scss";
+
+import * as React from "react";
+import { observer } from "mobx-react";
+import type { PriorityClass } from "../../../common/k8s-api/endpoints/priority-class.api";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import { KubeObjectListLayout } from "../kube-object-list-layout";
+import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
+import { KubeObjectAge } from "../kube-object/age";
+import { autoBind } from "../../../common/utils";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import priorityClassStoreInjectable from "./store.injectable";
+import type { PriorityClassStore } from "./store";
+
+enum columnId {
+  name = "name",
+  value = "value",
+  globalDefault = "global-default",
+  age = "age",
+}
+
+export interface PriorityClassesProps extends KubeObjectDetailsProps<PriorityClass> {
+}
+
+interface Dependencies {
+  priorityClassStore: PriorityClassStore;
+}
+
+@observer
+class NonInjectedPriorityClasses extends React.Component<PriorityClassesProps & Dependencies> {
+  constructor(props: PriorityClassesProps & Dependencies) {
+    super(props);
+    autoBind(this);
+  }
+
+  render() {
+    const { priorityClassStore } = this.props;
+
+    return (
+      <SiblingsInTabLayout>
+        <KubeObjectListLayout
+          isConfigurable
+          tableId="configuration_priority_classes"
+          className="PriorityClasses"
+          store={priorityClassStore}
+          sortingCallbacks={{
+            [columnId.name]: pc => pc.getName(),
+            [columnId.value]: pc => pc.getValue(),
+            [columnId.globalDefault]: pc => pc.getGlobalDefault(),
+            [columnId.age]: pc => -pc.getCreationTimestamp(),
+          }}
+          searchFilters={[
+            pc => pc.getSearchFields(),
+          ]}
+          renderHeaderTitle="Priority Classes"
+          renderTableHeader={[
+            { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
+            { className: "warning", showWithColumn: columnId.name },
+            { title: "Value", className: "value", sortBy: columnId.value, id: columnId.value },
+            { title: "Global Default", className: "global-default", sortBy: columnId.globalDefault, id: columnId.globalDefault },
+            { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age },
+          ]}
+          renderTableContents={pc => [
+            pc.getName(),
+            <KubeObjectStatusIcon key="icon" object={pc} />,
+            pc.getValue(),
+            pc.getGlobalDefault(),
+            <KubeObjectAge key="age" object={pc} />,
+          ]}
+        />
+      </SiblingsInTabLayout>
+    );
+  }
+}
+
+export const PriorityClasses = withInjectables<Dependencies, PriorityClassesProps>(NonInjectedPriorityClasses, {
+  getProps: (di, props) => ({
+    ...props,
+    priorityClassStore: di.inject(priorityClassStoreInjectable),
+  }),
+});
diff --git a/src/renderer/components/+config-priority-classes/store.injectable.ts b/src/renderer/components/+config-priority-classes/store.injectable.ts
new file mode 100644
index 0000000000..68677a3b5f
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/store.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import assert from "assert";
+import { kubeObjectStoreInjectionToken } from "../../../common/k8s-api/api-manager/manager.injectable";
+import priorityClassApiInjectable from "../../../common/k8s-api/endpoints/priority-class.api.injectable";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { PriorityClassStore } from "./store";
+
+const priorityClassStoreInjectable = getInjectable({
+  id: "priority-class-store",
+  instantiate: (di) => {
+    assert(di.inject(storesAndApisCanBeCreatedInjectable), "priorityClassStore is only available in certain environments");
+
+    const api = di.inject(priorityClassApiInjectable);
+
+    return new PriorityClassStore(api);
+  },
+  injectionToken: kubeObjectStoreInjectionToken,
+});
+
+export default priorityClassStoreInjectable;
diff --git a/src/renderer/components/+config-priority-classes/store.ts b/src/renderer/components/+config-priority-classes/store.ts
new file mode 100644
index 0000000000..f11fdce838
--- /dev/null
+++ b/src/renderer/components/+config-priority-classes/store.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
+import type { PriorityClass, PriorityClassApi } from "../../../common/k8s-api/endpoints/priority-class.api";
+
+export class PriorityClassStore extends KubeObjectStore<PriorityClass, PriorityClassApi> {
+}
diff --git a/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx b/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx
index 2443ea60a3..30a7d3496c 100644
--- a/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx
+++ b/src/renderer/components/+config-resource-quotas/resource-quota-details.tsx
@@ -19,7 +19,7 @@ import logger from "../../../common/logger";
 export interface ResourceQuotaDetailsProps extends KubeObjectDetailsProps<ResourceQuota> {
 }
 
-function transformUnit(name: string, value: string): number {
+function transformUnit(name: string, value: string): number | undefined {
   if (name.includes("memory") || name.includes("storage")) {
     return unitsToBytes(value);
   }
@@ -36,23 +36,38 @@ function renderQuotas(quota: ResourceQuota): JSX.Element[] {
 
   return object.entries(hard)
     .filter(hasDefinedTupleValue)
-    .map(([name, value]) => {
-      const current = transformUnit(name, value);
-      const max = transformUnit(name, value);
-      const usage = max === 0 ? 100 : Math.ceil(current / max * 100); // special case 0 max as always 100% usage
+    .map(([name, rawMax]) => {
+      const rawCurrent = used[name] ?? "0";
+      const current = transformUnit(name, rawCurrent);
+      const max = transformUnit(name, rawMax);
+
+      if (current === undefined || max === undefined) {
+        return (
+          <div key={name} className={cssNames("param", kebabCase(name))}>
+            <span className="title">{name}</span>
+            <span className="value">
+              {`${rawCurrent} / ${rawMax}`}
+            </span>
+          </div>
+        );
+      }
+
+      const usage = max === 0
+        ? 100 // special case 0 max as always 100% usage
+        : current / max * 100;
 
       return (
         <div key={name} className={cssNames("param", kebabCase(name))}>
           <span className="title">{name}</span>
           <span className="value">
-            {`${used[name]} / ${value}`}
+            {`${rawCurrent} / ${rawMax}`}
           </span>
           <LineProgress
             max={max}
             value={current}
             tooltip={(
               <p>
-                {`Set: ${value}. Usage: ${usage}%`}
+                {`Set: ${rawMax}. Usage: ${+usage.toFixed(2)}%`}
               </p>
             )}
           />
diff --git a/src/renderer/components/+config-secrets/__tests__/secret-details.test.tsx b/src/renderer/components/+config-secrets/__tests__/secret-details.test.tsx
index 6903e853bc..dd4044014c 100644
--- a/src/renderer/components/+config-secrets/__tests__/secret-details.test.tsx
+++ b/src/renderer/components/+config-secrets/__tests__/secret-details.test.tsx
@@ -4,17 +4,20 @@
  */
 
 import React from "react";
-import { render } from "@testing-library/react";
 import { SecretDetails } from "../secret-details";
 import { Secret, SecretType } from "../../../../common/k8s-api/endpoints";
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import { renderFor } from "../../test-utils/renderFor";
 
 jest.mock("../../kube-object-meta/kube-object-meta", () => ({
   KubeObjectMeta: () => null,
 }));
 
-
 describe("SecretDetails tests", () => {
   it("should show the visibility toggle when the secret value is ''", () => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+    const render = renderFor(di);
+
     const secret = new Secret({
       apiVersion: "v1",
       kind: "secret",
diff --git a/src/renderer/components/+custom-resources/crd-resource-details.tsx b/src/renderer/components/+custom-resources/crd-resource-details.tsx
index 48049682e4..a52d60c7ee 100644
--- a/src/renderer/components/+custom-resources/crd-resource-details.tsx
+++ b/src/renderer/components/+custom-resources/crd-resource-details.tsx
@@ -16,7 +16,7 @@ import { Input } from "../input";
 import type { AdditionalPrinterColumnsV1 } from "../../../common/k8s-api/endpoints/custom-resource-definition.api";
 import { CustomResourceDefinition } from "../../../common/k8s-api/endpoints/custom-resource-definition.api";
 import { convertKubectlJsonPathToNodeJsonPath } from "../../utils/jsonPath";
-import type { KubeObjectStatus } from "../../../common/k8s-api/kube-object";
+import type { KubeObjectMetadata, KubeObjectStatus } from "../../../common/k8s-api/kube-object";
 import { KubeObject } from "../../../common/k8s-api/kube-object";
 import logger from "../../../common/logger";
 import { JSONPath } from "@astronautlabs/jsonpath";
@@ -71,7 +71,8 @@ export class CustomResourceDetails extends React.Component<CustomResourceDetails
     ));
   }
 
-  renderStatus(customResource: KubeObject<KubeObjectStatus, unknown>, columns: AdditionalPrinterColumnsV1[]) {
+  renderStatus(cr: KubeObject, columns: AdditionalPrinterColumnsV1[]) {
+    const customResource = cr as KubeObject<KubeObjectMetadata, KubeObjectStatus, unknown>;
     const showStatus = !columns.find(column => column.name == "Status") && Array.isArray(customResource.status?.conditions);
 
     if (!showStatus) {
diff --git a/src/renderer/components/+extensions/__tests__/extensions.test.tsx b/src/renderer/components/+extensions/__tests__/extensions.test.tsx
index 66f0830c3d..5de9e15f1f 100644
--- a/src/renderer/components/+extensions/__tests__/extensions.test.tsx
+++ b/src/renderer/components/+extensions/__tests__/extensions.test.tsx
@@ -21,7 +21,6 @@ import extensionDiscoveryInjectable from "../../../../extensions/extension-disco
 import directoryForUserDataInjectable from "../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import directoryForDownloadsInjectable from "../../../../common/app-paths/directory-for-downloads/directory-for-downloads.injectable";
 import getConfigurationFileModelInjectable from "../../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import assert from "assert";
 import type { InstallFromInput } from "../install-from-input/install-from-input";
 import installFromInputInjectable from "../install-from-input/install-from-input.injectable";
@@ -64,7 +63,6 @@ describe("Extensions", () => {
     di.override(directoryForDownloadsInjectable, () => "some-directory-for-downloads");
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     mockFs({
       "some-directory-for-user-data": {},
diff --git a/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx b/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx
index 0af3149e1b..dd320407a5 100644
--- a/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx
+++ b/src/renderer/components/+extensions/attempt-install-by-info.injectable.tsx
@@ -91,7 +91,7 @@ const attemptInstallByInfo = ({
       }
     } else {
       const versions = Object.keys(json.versions)
-        .map(version => new SemVer(version, { loose: true, includePrerelease: true }))
+        .map(version => new SemVer(version, { loose: true }))
         // ignore pre-releases for auto picking the version
         .filter(version => version.prerelease.length === 0);
 
diff --git a/src/renderer/components/+extensions/extensions.module.scss b/src/renderer/components/+extensions/extensions.module.scss
new file mode 100644
index 0000000000..048487e2e1
--- /dev/null
+++ b/src/renderer/components/+extensions/extensions.module.scss
@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.notice {
+  margin-top: var(--margin);
+  margin-bottom: calc(var(--margin) * 3);
+}
diff --git a/src/renderer/components/+extensions/extensions.scss b/src/renderer/components/+extensions/extensions.scss
deleted file mode 100644
index d2f67e1520..0000000000
--- a/src/renderer/components/+extensions/extensions.scss
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-.PageLayout.Extensions {
-  $spacing: $padding * 2;
-  width: 100%;
-
-  .contentRegion {
-    .content {
-      max-width: 740px;
-
-      > section {
-        height: 100%;
-      }
-    }
-  }
-}
-
-.InstallingExtensionNotification {
-  .remove-folder-warning {
-    font-size: $font-size-small;
-    font-style: italic;
-    opacity: .8;
-    cursor: pointer;
-
-    &:hover {
-      opacity: 1;
-    }
-
-    code {
-      display: inline;
-      color: inherit;
-    }
-  }
-
-  .Button {
-    background-color: unset;
-    border: 1px solid currentColor;
-    box-shadow: none !important;
-  }
-}
diff --git a/src/renderer/components/+extensions/extensions.tsx b/src/renderer/components/+extensions/extensions.tsx
index 4974814a37..446f6e0778 100644
--- a/src/renderer/components/+extensions/extensions.tsx
+++ b/src/renderer/components/+extensions/extensions.tsx
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import "./extensions.scss";
+import styles from "./extensions.module.scss";
 import type {
   IComputedValue } from "mobx";
 import {
@@ -82,7 +82,7 @@ class NonInjectedExtensions extends React.Component<Dependencies> {
           <section>
             <h1>Extensions</h1>
 
-            <Notice className="mb-14 mt-3">
+            <Notice className={styles.notice}>
               <p>
                 {"Add new features via Lens Extensions. Check out the "}
                 <a
@@ -112,8 +112,6 @@ class NonInjectedExtensions extends React.Component<Dependencies> {
               installPath={this.installPath}
             />
 
-            {userExtensions.length > 0 && <hr />}
-
             <InstalledExtensions
               extensions={userExtensions}
               enable={this.props.enableExtension}
diff --git a/src/renderer/components/+extensions/install.module.scss b/src/renderer/components/+extensions/install.module.scss
index 6fe73b9169..62060970ec 100644
--- a/src/renderer/components/+extensions/install.module.scss
+++ b/src/renderer/components/+extensions/install.module.scss
@@ -1,4 +1,29 @@
-.icon {
-  @apply h-5 w-5 mr-3 cursor-pointer;
-  background-color: transparent!important;
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+.inputs {
+  display: grid;
+  justify-content: space-between;
+  gap: calc(var(--unit) * 2);
+  grid-template-columns: 1fr 220px;
+}
+
+.icon {
+  margin-left: var(--margin);
+}
+
+.proTip {
+  margin-top: calc(var(--margin) / 2);
+  opacity: 0.7;
+}
+
+.button {
+  width: 100%;
+  height: 100%;
+
+  &:focus {
+    box-shadow: none;
+  }
 }
diff --git a/src/renderer/components/+extensions/install.tsx b/src/renderer/components/+extensions/install.tsx
index 7fa192e3a2..b3d33dc7dd 100644
--- a/src/renderer/components/+extensions/install.tsx
+++ b/src/renderer/components/+extensions/install.tsx
@@ -46,16 +46,15 @@ const NonInjectedInstall: React.FC<Dependencies & InstallProps> = ({
   installFromSelectFileDialog,
   extensionInstallationStateStore,
 }) => (
-  <section className="mt-2">
+  <section>
     <SubTitle
       title={`Name or file path or URL to an extension package (${supportedFormats.join(
         ", ",
       )})`}
     />
-    <div className="flex">
-      <div className="flex-1">
+    <div className={styles.inputs}>
+      <div>
         <Input
-          className="box grow mr-6"
           theme="round-black"
           disabled={
             extensionInstallationStateStore.anyPreInstallingOrInstalling
@@ -69,6 +68,7 @@ const NonInjectedInstall: React.FC<Dependencies & InstallProps> = ({
           iconRight={(
             <Icon
               className={styles.icon}
+              smallest
               material="folder_open"
               onClick={prevDefault(installFromSelectFileDialog)}
               tooltip="Browse"
@@ -76,11 +76,11 @@ const NonInjectedInstall: React.FC<Dependencies & InstallProps> = ({
           )}
         />
       </div>
-      <div className="flex-initial">
+      <div>
         <Button
+          className={styles.button}
           primary
           label="Install"
-          className="w-80 h-full"
           disabled={
             extensionInstallationStateStore.anyPreInstallingOrInstalling
           }
@@ -89,7 +89,7 @@ const NonInjectedInstall: React.FC<Dependencies & InstallProps> = ({
         />
       </div>
     </div>
-    <small className="mt-3">
+    <small className={styles.proTip}>
       <b>Pro-Tip</b>
       : you can drag-n-drop tarball-file to this area
     </small>
diff --git a/src/renderer/components/+extensions/installed-extensions.tsx b/src/renderer/components/+extensions/installed-extensions.tsx
index 2de88642e2..a7fe14f35c 100644
--- a/src/renderer/components/+extensions/installed-extensions.tsx
+++ b/src/renderer/components/+extensions/installed-extensions.tsx
@@ -102,7 +102,10 @@ const NonInjectedInstalledExtensions = observer(({ extensionDiscovery, extension
           </div>
         ),
         actions: (
-          <MenuActions usePortal toolbar={false}>
+          <MenuActions
+            id={`menu-actions-for-installed-extensions-for-${id}`}
+            usePortal
+            toolbar={false}>
             {isCompatible && (
               <>
                 {isEnabled ? (
diff --git a/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts b/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts
new file mode 100644
index 0000000000..21e8bcf7a9
--- /dev/null
+++ b/src/renderer/components/+helm-charts/details/readme-of-selected-helm-chart.injectable.ts
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import callForHelmChartReadmeInjectable from "./readme/call-for-helm-chart-readme.injectable";
+import helmChartDetailsVersionSelectionInjectable from "./versions/helm-chart-details-version-selection.injectable";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+
+const readmeOfSelectedHelmChartInjectable = getInjectable({
+  id: "readme-of-selected-helm-chart",
+
+  instantiate: (di, chart: HelmChart) => {
+    const selection = di.inject(helmChartDetailsVersionSelectionInjectable, chart);
+    const callForHelmChartReadme = di.inject(callForHelmChartReadmeInjectable);
+
+    return asyncComputed(async () => {
+      const chartVersion = selection.value.get();
+
+      if (!chartVersion) {
+        return "";
+      }
+
+      return await callForHelmChartReadme(
+        chartVersion.getRepository(),
+        chartVersion.getName(),
+        chartVersion.getVersion(),
+      );
+    }, "");
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, chart: HelmChart) => chart.getId(),
+  }),
+});
+
+export default readmeOfSelectedHelmChartInjectable;
diff --git a/src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts b/src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts
new file mode 100644
index 0000000000..ae9c99edeb
--- /dev/null
+++ b/src/renderer/components/+helm-charts/details/readme/call-for-helm-chart-readme.injectable.ts
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { getChartDetails } from "../../../../../common/k8s-api/endpoints/helm-charts.api";
+
+export type CallForHelmChartReadme = (
+  repo: string,
+  name: string,
+  version: string,
+) => Promise<string>;
+
+const callForHelmChartReadmeInjectable = getInjectable({
+  id: "call-for-helm-chart-readme",
+
+  instantiate:
+    (): CallForHelmChartReadme =>
+      async (repository: string, name: string, version: string) => {
+        // TODO: Dismantle wrong abstraction
+        const details = await getChartDetails(repository, name, { version });
+
+        return details.readme;
+      },
+
+  causesSideEffects: true,
+});
+
+export default callForHelmChartReadmeInjectable;
diff --git a/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts b/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts
new file mode 100644
index 0000000000..14ea00fce2
--- /dev/null
+++ b/src/renderer/components/+helm-charts/details/versions-of-selected-helm-chart.injectable.ts
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import callForHelmChartVersionsInjectable from "./versions/call-for-helm-chart-versions.injectable";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+
+const versionsOfSelectedHelmChartInjectable = getInjectable({
+  id: "versions-of-selected-helm-chart",
+
+  instantiate: (di, chart: HelmChart) => {
+    const callForHelmChartVersions = di.inject(callForHelmChartVersionsInjectable);
+
+    return asyncComputed(
+      async () =>
+        await callForHelmChartVersions(chart.getRepository(), chart.getName()),
+      [],
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, chart: HelmChart) => chart.getId(),
+  }),
+});
+
+export default versionsOfSelectedHelmChartInjectable;
diff --git a/src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts b/src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts
new file mode 100644
index 0000000000..a20f5b60e9
--- /dev/null
+++ b/src/renderer/components/+helm-charts/details/versions/call-for-helm-chart-versions.injectable.ts
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { HelmChart } from "../../../../../common/k8s-api/endpoints/helm-charts.api";
+import { getChartDetails } from "../../../../../common/k8s-api/endpoints/helm-charts.api";
+
+export type CallForHelmChartVersions = (
+  repo: string,
+  name: string
+) => Promise<HelmChart[]>;
+
+const callForHelmChartVersionsInjectable = getInjectable({
+  id: "call-for-helm-chart-versions",
+
+  instantiate:
+    (): CallForHelmChartVersions => async (repository: string, name: string) => {
+    // TODO: Dismantle wrong abstraction
+      const details = await getChartDetails(repository, name);
+
+      return details.versions;
+    },
+
+  causesSideEffects: true,
+});
+
+export default callForHelmChartVersionsInjectable;
diff --git a/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts b/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts
new file mode 100644
index 0000000000..b3be751b00
--- /dev/null
+++ b/src/renderer/components/+helm-charts/details/versions/helm-chart-details-version-selection.injectable.ts
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import { computed, observable } from "mobx";
+import versionsOfSelectedHelmChartInjectable from "../versions-of-selected-helm-chart.injectable";
+import type { HelmChart } from "../../../../../common/k8s-api/endpoints/helm-charts.api";
+import type { SingleValue } from "react-select";
+
+interface VersionSelectionOption {
+  label: string;
+  value: HelmChart;
+}
+
+export interface HelmChartDetailsVersionSelection {
+  value: IComputedValue<HelmChart | undefined>;
+  options: IComputedValue<VersionSelectionOption[]>;
+  onChange: (option: SingleValue<VersionSelectionOption>) => void;
+}
+
+const helmChartDetailsVersionSelectionInjectable = getInjectable({
+  id: "helm-chart-details-version-selection",
+
+  instantiate: (di, chart: HelmChart): HelmChartDetailsVersionSelection => {
+    const versionsOfSelectedHelmChart = di.inject(
+      versionsOfSelectedHelmChartInjectable,
+      chart,
+    );
+
+    const state = observable.box<HelmChart>();
+
+    return {
+      value: computed(
+        () => state.get() || versionsOfSelectedHelmChart.value.get()[0],
+      ),
+
+      options: computed(() =>
+        versionsOfSelectedHelmChart.value.get().map((chartVersion) => ({
+          label: chartVersion.version,
+          value: chartVersion,
+        })),
+      ),
+
+      onChange: (option) => {
+        if (option) {
+          state.set(option.value);
+        }
+      },
+    };
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, chart: HelmChart) => chart.getId(),
+  }),
+});
+
+export default helmChartDetailsVersionSelectionInjectable;
diff --git a/src/renderer/components/+helm-charts/get-char-details.injectable.ts b/src/renderer/components/+helm-charts/get-char-details.injectable.ts
new file mode 100644
index 0000000000..e2c5ccca62
--- /dev/null
+++ b/src/renderer/components/+helm-charts/get-char-details.injectable.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { GetChartDetailsOptions, IHelmChartDetails } from "../../../common/k8s-api/endpoints/helm-charts.api";
+import { getChartDetails } from "../../../common/k8s-api/endpoints/helm-charts.api";
+
+export type GetChartDetails = (repo: string, name: string, opts?: GetChartDetailsOptions) => Promise<IHelmChartDetails>;
+
+const getChartDetailsInjectable = getInjectable({
+  id: "get-chart-details",
+  instantiate: (): GetChartDetails => getChartDetails,
+  causesSideEffects: true,
+});
+
+export default getChartDetailsInjectable;
diff --git a/src/renderer/components/+helm-charts/helm-chart-details.scss b/src/renderer/components/+helm-charts/helm-chart-details.scss
index 9f6d64223d..b82512dff4 100644
--- a/src/renderer/components/+helm-charts/helm-chart-details.scss
+++ b/src/renderer/components/+helm-charts/helm-chart-details.scss
@@ -14,6 +14,10 @@
     box-sizing: content-box;
   }
 
+  div.intro-logo {
+    width: 100px;
+  }
+
   .Select__option {
     span.deprecated {
       text-decoration: line-through;
diff --git a/src/renderer/components/+helm-charts/helm-chart-details.tsx b/src/renderer/components/+helm-charts/helm-chart-details.tsx
index 4e0076e068..d15552dedb 100644
--- a/src/renderer/components/+helm-charts/helm-chart-details.tsx
+++ b/src/renderer/components/+helm-charts/helm-chart-details.tsx
@@ -7,9 +7,7 @@ import "./helm-chart-details.scss";
 
 import React, { Component } from "react";
 import type { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
-import { getChartDetails } from "../../../common/k8s-api/endpoints/helm-charts.api";
-import { computed, observable, reaction, runInAction } from "mobx";
-import { disposeOnUnmount, observer } from "mobx-react";
+import { observer } from "mobx-react";
 import { Drawer, DrawerItem } from "../drawer";
 import { autoBind, stopPropagation } from "../../utils";
 import { MarkdownViewer } from "../markdown-viewer";
@@ -18,16 +16,19 @@ import { Button } from "../button";
 import { Select } from "../select";
 import { Badge } from "../badge";
 import { Tooltip, withStyles } from "@material-ui/core";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import createInstallChartTabInjectable from "../dock/install-chart/create-install-chart-tab.injectable";
-import { Notifications } from "../notifications";
-import HelmLogoPlaceholder from "./helm-placeholder.svg";
-import type { SingleValue } from "react-select";
-import { AbortController } from "abort-controller";
+import { HelmChartIcon } from "./icon";
+import readmeOfSelectHelmChartInjectable from "./details/readme-of-selected-helm-chart.injectable";
+import versionsOfSelectedHelmChartInjectable from "./details/versions-of-selected-helm-chart.injectable";
+import type { HelmChartDetailsVersionSelection } from "./details/versions/helm-chart-details-version-selection.injectable";
+import helmChartDetailsVersionSelectionInjectable from "./details/versions/helm-chart-details-version-selection.injectable";
+import assert from "assert";
 
 export interface HelmChartDetailsProps {
-  chart: HelmChart;
   hideDetails(): void;
+  chart: HelmChart;
 }
 
 const LargeTooltip = withStyles({
@@ -38,97 +39,48 @@ const LargeTooltip = withStyles({
 
 interface Dependencies {
   createInstallChartTab: (helmChart: HelmChart) => void;
+  versions: IAsyncComputed<HelmChart[]>;
+  readme: IAsyncComputed<string>;
+  versionSelection: HelmChartDetailsVersionSelection;
 }
 
 @observer
 class NonInjectedHelmChartDetails extends Component<HelmChartDetailsProps & Dependencies> {
-  readonly chartVersions = observable.array<HelmChart>();
-  readonly selectedChart = observable.box<HelmChart | undefined>();
-  readonly readme = observable.box<string | undefined>(undefined);
-  readonly chartVerionOptions = computed(() => (
-    this.chartVersions.map(chart => ({
-      value: chart,
-      label: chart.version,
-    }))
-  ));
-
-  private abortController = new AbortController();
-
   constructor(props: HelmChartDetailsProps & Dependencies) {
     super(props);
     autoBind(this);
   }
 
-  componentWillUnmount() {
-    this.abortController.abort();
+  get chart() {
+    return this.props.chart;
   }
 
-  componentDidMount() {
-    disposeOnUnmount(this, [
-      reaction(() => this.props.chart, async ({ name, repo, version }) => {
-        runInAction(() => {
-          this.selectedChart.set(undefined);
-          this.chartVersions.clear();
-          this.readme.set("");
-        });
+  install() {
+    const chart = this.props.versionSelection.value.get();
 
-        try {
-          const { readme, versions } = await getChartDetails(repo, name, { version });
+    assert(chart);
 
-          runInAction(() => {
-            this.readme.set(readme);
-            this.chartVersions.replace(versions);
-            this.selectedChart.set(versions[0]);
-          });
-        } catch (error) {
-          Notifications.checkedError(error, "Unknown error occured while getting chart details");
-        }
-      }, {
-        fireImmediately: true,
-      }),
-    ]);
-  }
-
-  async onVersionChange(option: SingleValue<{ value: HelmChart }>) {
-    const chart = option?.value ?? this.chartVersions[0];
-
-    runInAction(() => {
-      this.selectedChart.set(chart ?? undefined);
-      this.readme.set(undefined);
-    });
-
-    try {
-      this.abortController.abort();
-      this.abortController = new AbortController();
-      const { chart: { name, repo }} = this.props;
-      const { readme } = await getChartDetails(repo, name, { version: chart.version, reqInit: { signal: this.abortController.signal }});
-
-      this.readme.set(readme);
-    } catch (error) {
-      Notifications.checkedError(error, "Unknown error occured while getting chart details");
-    }
-  }
-
-  install(selectedChart: HelmChart) {
-    this.props.createInstallChartTab(selectedChart);
+    this.props.createInstallChartTab(chart);
     this.props.hideDetails();
   }
 
   renderIntroduction(selectedChart: HelmChart) {
+    const testId = selectedChart.getFullName("-");
+
     return (
       <div className="introduction flex align-flex-start">
-        <img
+        <HelmChartIcon
+          chart={selectedChart}
           className="intro-logo"
-          src={selectedChart.getIcon() || HelmLogoPlaceholder}
-          onError={(event) => event.currentTarget.src = HelmLogoPlaceholder}
         />
         <div className="intro-contents box grow">
-          <div className="description flex align-center justify-space-between">
+          <div className="description flex align-center justify-space-between" data-testid="selected-chart-description">
             {selectedChart.getDescription()}
             <Button
               primary
               label="Install"
-              onClick={() => this.install(selectedChart)}
+              onClick={this.install}
+              data-testid={`install-chart-for-${testId}`}
             />
           </div>
           <DrawerItem
@@ -137,10 +89,10 @@ class NonInjectedHelmChartDetails extends Component<HelmChartDetailsProps & Depe
             onClick={stopPropagation}
           >
             <Select
-              id="chart-version-input"
+              id={`helm-chart-version-selector-${testId}`}
               themeName="outlined"
               menuPortalTarget={null}
-              options={this.chartVerionOptions.get()}
+              options={this.props.versionSelection.options.get()}
               formatOptionLabel={({ value: chart }) => (
                 chart.deprecated
                   ? (
@@ -151,8 +103,8 @@ class NonInjectedHelmChartDetails extends Component<HelmChartDetailsProps & Depe
                   : chart.version
               )}
               isOptionDisabled={({ value: chart }) => chart.deprecated}
-              value={selectedChart}
-              onChange={this.onVersionChange}
+              value={this.props.versionSelection.value.get()}
+              onChange={this.props.versionSelection.onChange}
             />
           </DrawerItem>
           <DrawerItem name="Home">
@@ -187,44 +139,42 @@ class NonInjectedHelmChartDetails extends Component<HelmChartDetailsProps & Depe
   }
 
   renderReadme() {
-    const readme = this.readme.get();
-
-    if (readme === undefined) {
-      return <Spinner center />;
-    }
-
     return (
-      <div className="chart-description">
-        <MarkdownViewer markdown={readme} />
+      <div className="chart-description" data-testid="helmchart-readme">
+        <MarkdownViewer markdown={this.props.readme.value.get()} />
       </div>
     );
   }
 
   renderContent() {
-    const selectedChart = this.selectedChart.get();
+    const readmeIsLoading = this.props.readme.pending.get();
+    const versionsAreLoading = this.props.versions.pending.get();
 
-    if (!selectedChart) {
-      return <Spinner center />;
+    if (!this.chart || versionsAreLoading) {
+      return <Spinner center data-testid="spinner-for-chart-details" />;
     }
 
     return (
       <div className="box grow">
-        {this.renderIntroduction(selectedChart)}
-        {this.renderReadme()}
+        {this.renderIntroduction(this.chart)}
+
+        {readmeIsLoading ? (
+          <Spinner center data-testid="spinner-for-chart-readme" />
+        ) : (
+          this.renderReadme()
+        )}
       </div>
     );
   }
 
   render() {
-    const { chart, hideDetails } = this.props;
-
     return (
       <Drawer
         className="HelmChartDetails"
         usePortal={true}
-        open={!!chart}
-        title={chart ? `Chart: ${chart.getFullName()}` : ""}
-        onClose={hideDetails}
+        open={!!this.chart}
+        title={this.chart ? `Chart: ${this.chart.getFullName()}` : ""}
+        onClose={this.props.hideDetails}
       >
         {this.renderContent()}
       </Drawer>
@@ -232,13 +182,12 @@ class NonInjectedHelmChartDetails extends Component<HelmChartDetailsProps & Depe
   }
 }
 
-export const HelmChartDetails = withInjectables<Dependencies, HelmChartDetailsProps>(
-  NonInjectedHelmChartDetails,
-
-  {
-    getProps: (di, props) => ({
-      createInstallChartTab: di.inject(createInstallChartTabInjectable),
-      ...props,
-    }),
-  },
-);
+export const HelmChartDetails = withInjectables<Dependencies, HelmChartDetailsProps>(NonInjectedHelmChartDetails, {
+  getProps: (di, props) => ({
+    ...props,
+    createInstallChartTab: di.inject(createInstallChartTabInjectable),
+    readme: di.inject(readmeOfSelectHelmChartInjectable, props.chart),
+    versions: di.inject(versionsOfSelectedHelmChartInjectable, props.chart),
+    versionSelection: di.inject(helmChartDetailsVersionSelectionInjectable, props.chart),
+  }),
+});
diff --git a/src/renderer/components/+helm-charts/helm-chart-store.injectable.ts b/src/renderer/components/+helm-charts/helm-chart-store.injectable.ts
new file mode 100644
index 0000000000..ac05d23368
--- /dev/null
+++ b/src/renderer/components/+helm-charts/helm-chart-store.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { HelmChartStore } from "./helm-chart.store";
+
+const helmChartStoreInjectable = getInjectable({
+  id: "helm-chart-store",
+  instantiate: () => new HelmChartStore(),
+});
+
+export default helmChartStoreInjectable;
diff --git a/src/renderer/components/+helm-charts/helm-chart.store.ts b/src/renderer/components/+helm-charts/helm-chart.store.ts
index 1a3c4d7d7f..415fe3e333 100644
--- a/src/renderer/components/+helm-charts/helm-chart.store.ts
+++ b/src/renderer/components/+helm-charts/helm-chart.store.ts
@@ -55,7 +55,7 @@ export class HelmChartStore extends ItemStore<HelmChart> {
 
   protected sortVersions = (versions: ChartVersion[]) => {
     return versions
-      .map(chartVersion => ({ ...chartVersion, __version: semver.coerce(chartVersion.version, { includePrerelease: true, loose: true }) }))
+      .map(chartVersion => ({ ...chartVersion, __version: semver.coerce(chartVersion.version, { loose: true }) }))
       .sort(sortCompareChartVersions)
       .map(({ __version, ...chartVersion }) => chartVersion);
   };
diff --git a/src/renderer/components/+helm-charts/helm-charts.scss b/src/renderer/components/+helm-charts/helm-charts.scss
index f46cb054db..97a1d37f8f 100644
--- a/src/renderer/components/+helm-charts/helm-charts.scss
+++ b/src/renderer/components/+helm-charts/helm-charts.scss
@@ -31,19 +31,18 @@
       figure {
         width: $iconSize;
         height: $iconSize;
-        border-radius: 50%;
-        background: var(--helmImgBackground) url(helm-placeholder.svg) center center no-repeat;
-        background-size: 72%; // bg size looks same as image on top of it
         margin: auto;
 
+        svg {
+          padding: 1px;
+        }
+
         img {
           object-fit: contain;
           width: inherit;
           height: inherit;
           visibility: hidden;
           border-radius: inherit;
-          background-color: var(--helmImgBackground);
-          padding: $padding * 0.5;
 
           &.visible {
             visibility: visible;
diff --git a/src/renderer/components/+helm-charts/helm-charts.tsx b/src/renderer/components/+helm-charts/helm-charts.tsx
index 23175c199b..5a603cf7aa 100644
--- a/src/renderer/components/+helm-charts/helm-charts.tsx
+++ b/src/renderer/components/+helm-charts/helm-charts.tsx
@@ -12,11 +12,15 @@ import type { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.ap
 import { HelmChartDetails } from "./helm-chart-details";
 import { ItemListLayout } from "../item-object-list/list-layout";
 import type { IComputedValue } from "mobx";
+import type { IAsyncComputed } from "@ogre-tools/injectable-react";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
 import helmChartsRouteParametersInjectable from "./helm-charts-route-parameters.injectable";
 import type { NavigateToHelmCharts } from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable";
 import navigateToHelmChartsInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable";
+import { HelmChartIcon } from "./icon";
+import helmChartsInjectable from "./helm-charts/helm-charts.injectable";
+import selectedHelmChartInjectable from "./helm-charts/selected-helm-chart.injectable";
 
 enum columnId {
   name = "name",
@@ -33,27 +37,15 @@ interface Dependencies {
   };
 
   navigateToHelmCharts: NavigateToHelmCharts;
+
+  charts: IAsyncComputed<HelmChart[]>;
+  selectedChart: IComputedValue<HelmChart | undefined>;
 }
 
 @observer
 class NonInjectedHelmCharts extends Component<Dependencies> {
-  componentDidMount() {
-    helmChartStore.loadAll();
-  }
-
-  get selectedChart() {
-    const chartName = this.props.routeParameters.chartName.get();
-    const repo = this.props.routeParameters.repo.get();
-
-    if (!chartName || !repo) {
-      return undefined;
-    }
-
-    return helmChartStore.getByName(chartName, repo);
-  }
-
   onDetails = (chart: HelmChart) => {
-    if (chart === this.selectedChart) {
+    if (chart === this.props.selectedChart.get()) {
       this.hideDetails();
     } else {
       this.showDetails(chart);
@@ -77,6 +69,8 @@ class NonInjectedHelmCharts extends Component<Dependencies> {
   };
 
   render() {
+    const selectedChart = this.props.selectedChart.get();
+
     return (
       <SiblingsInTabLayout>
         <div data-testid="page-for-helm-charts" style={{ display: "none" }}/>
@@ -86,7 +80,7 @@ class NonInjectedHelmCharts extends Component<Dependencies> {
           tableId="helm_charts"
           className="HelmCharts"
           store={helmChartStore}
-          getItems={() => helmChartStore.items}
+          getItems={() => this.props.charts.value.get()}
           isSelectable={false}
           sortingCallbacks={{
             [columnId.name]: chart => chart.getName(),
@@ -104,6 +98,7 @@ class NonInjectedHelmCharts extends Component<Dependencies> {
               placeholder: "Search Helm Charts...",
             },
           })}
+          customizeTableRowProps={(item) => ({ testId: `helm-chart-row-for-${item.getFullName("-")}` })}
           renderTableHeader={[
             { className: "icon", showWithColumn: columnId.name },
             { title: "Name", className: "name", sortBy: columnId.name, id: columnId.name },
@@ -114,10 +109,7 @@ class NonInjectedHelmCharts extends Component<Dependencies> {
           ]}
           renderTableContents={chart => [
             <figure key="image">
-              <img
-                src={chart.getIcon() || require("./helm-placeholder.svg")}
-                onLoad={evt => evt.currentTarget.classList.add("visible")}
-              />
+              <HelmChartIcon chart={chart} />
             </figure>,
             chart.getName(),
             chart.getDescription(),
@@ -126,12 +118,12 @@ class NonInjectedHelmCharts extends Component<Dependencies> {
             { title: chart.getRepository(), className: chart.getRepository().toLowerCase() },
             { className: "menu" },
           ]}
-          detailsItem={this.selectedChart}
+          detailsItem={selectedChart}
           onDetails={this.onDetails}
         />
-        {this.selectedChart && (
+        {selectedChart && (
           <HelmChartDetails
-            chart={this.selectedChart}
+            chart={selectedChart}
             hideDetails={this.hideDetails}
           />
         )}
@@ -147,6 +139,8 @@ export const HelmCharts = withInjectables<Dependencies>(
     getProps: (di) => ({
       routeParameters: di.inject(helmChartsRouteParametersInjectable),
       navigateToHelmCharts: di.inject(navigateToHelmChartsInjectable),
+      charts: di.inject(helmChartsInjectable),
+      selectedChart: di.inject(selectedHelmChartInjectable),
     }),
   },
 );
diff --git a/src/renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable.ts b/src/renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable.ts
new file mode 100644
index 0000000000..5edc0d7bea
--- /dev/null
+++ b/src/renderer/components/+helm-charts/helm-charts/call-for-helm-charts.injectable.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+import { listCharts } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+
+export type CallForHelmCharts = () => Promise<HelmChart[]>;
+
+const callForHelmChartsInjectable = getInjectable({
+  id: "call-for-helm-charts",
+  instantiate: (): CallForHelmCharts => async () => await listCharts(),
+  causesSideEffects: true,
+});
+
+export default callForHelmChartsInjectable;
diff --git a/src/renderer/components/+helm-charts/helm-charts/helm-charts.injectable.ts b/src/renderer/components/+helm-charts/helm-charts/helm-charts.injectable.ts
new file mode 100644
index 0000000000..1324e382a9
--- /dev/null
+++ b/src/renderer/components/+helm-charts/helm-charts/helm-charts.injectable.ts
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import callForHelmChartsInjectable from "./call-for-helm-charts.injectable";
+
+const helmChartsInjectable = getInjectable({
+  id: "helm-charts",
+
+  instantiate: (di) => {
+    const callForHelmCharts = di.inject(callForHelmChartsInjectable);
+
+    return asyncComputed(async () => await callForHelmCharts(), []);
+  },
+});
+
+export default helmChartsInjectable;
diff --git a/src/renderer/components/+helm-charts/helm-charts/selected-helm-chart.injectable.ts b/src/renderer/components/+helm-charts/helm-charts/selected-helm-chart.injectable.ts
new file mode 100644
index 0000000000..47777fb783
--- /dev/null
+++ b/src/renderer/components/+helm-charts/helm-charts/selected-helm-chart.injectable.ts
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import helmChartsRouteParametersInjectable from "../helm-charts-route-parameters.injectable";
+import helmChartsInjectable from "./helm-charts.injectable";
+
+const selectedHelmChartInjectable = getInjectable({
+  id: "selected-helm-chart",
+
+  instantiate: (di) => {
+    const { chartName, repo } = di.inject(helmChartsRouteParametersInjectable);
+    const helmCharts = di.inject(helmChartsInjectable);
+
+    return computed(() => {
+      const dereferencedChartName = chartName.get();
+      const deferencedRepository = repo.get();
+
+      if (!dereferencedChartName || !deferencedRepository) {
+        return undefined;
+      }
+
+      return helmCharts.value
+        .get()
+        .find(
+          (chart) =>
+            chart.getName() === dereferencedChartName &&
+            chart.getRepository() === deferencedRepository,
+        );
+    });
+  },
+});
+
+export default selectedHelmChartInjectable;
diff --git a/src/renderer/components/+helm-charts/helm-placeholder.svg b/src/renderer/components/+helm-charts/helm-placeholder.svg
deleted file mode 100644
index 000fd37f64..0000000000
--- a/src/renderer/components/+helm-charts/helm-placeholder.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg enable-background="new 0 0 722.8 702" viewBox="0 0 722.8 702" xmlns="http://www.w3.org/2000/svg"><g fill="#929ba6"><path d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"/><path d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"/><path d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"/><path d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"/><path d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"/><path d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"/><path d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"/><path d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"/><path d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"/></g></svg>
\ No newline at end of file
diff --git a/src/renderer/components/+helm-charts/icon.tsx b/src/renderer/components/+helm-charts/icon.tsx
new file mode 100644
index 0000000000..78d5be7ed3
--- /dev/null
+++ b/src/renderer/components/+helm-charts/icon.tsx
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import React, { useState } from "react";
+import type { HelmChart } from "../../../common/k8s-api/endpoints/helm-charts.api";
+
+export interface HelmChartIconProps {
+  className?: string;
+  chart: HelmChart;
+}
+
+export const HelmChartIcon = ({
+  chart,
+  className,
+}: HelmChartIconProps) => {
+  const [failedToLoad, setFailedToLoad] = useState(false);
+  const icon = chart.getIcon();
+
+  if (!icon || failedToLoad) {
+    return (
+      <div className={className}>
+        <svg viewBox="0 0 722.8 702" xmlns="http://www.w3.org/2000/svg">
+          <g fill="currentColor">
+            <path d="m318 299.5c2.1 1.6 4.8 2.5 7.6 2.5 6.9 0 12.6-5.5 12.9-12.3l.3-.2 4.3-76.7c-5.2.6-10.4 1.5-15.6 2.7-28.5 6.5-53.2 20.5-72.6 39.5l62.9 44.6z"/>
+            <path d="m309.5 411.9c-1.4-5.9-6.6-9.9-12.4-10-.8 0-1.7.1-2.5.2l-.1-.2-75.5 12.8c11.7 32.2 33.4 58.5 60.8 76.1l29.2-70.7-.2-.3c1.1-2.4 1.4-5.2.7-7.9z"/>
+            <path d="m284.4 357.5c2.5-.7 4.9-2.2 6.7-4.4 4.3-5.4 3.6-13.2-1.6-17.8l.1-.3-57.4-51.4c-17 27.8-25.1 61.1-21.4 95.3l73.6-21.2z"/>
+            <path d="m340.2 380 21.2 10.2 21.1-10.1 5.3-22.9-14.6-18.2h-23.6l-14.6 18.2z"/>
+            <path d="m384.2 289.4c.1 2.6 1 5.2 2.8 7.5 4.3 5.4 12.1 6.4 17.7 2.4l.2.1 62.5-44.3c-23.6-23.1-54.4-38.2-87.6-42.2z"/>
+            <path d="m490.3 283.7-57.1 51.1v.2c-2 1.7-3.5 4.1-4.1 6.8-1.5 6.8 2.5 13.5 9.2 15.3l.1.3 74 21.3c1.6-16 .6-32.5-3.2-49-3.9-16.8-10.4-32.2-18.9-46z"/>
+            <path d="m372.8 439.6c-1.2-2.3-3.2-4.3-5.8-5.5-2-.9-4-1.4-6-1.3-4.5.2-8.7 2.6-10.9 6.8h-.1l-37.1 67.1c25.7 8.8 54.1 10.7 82.5 4.2 5.1-1.2 10-2.5 14.9-4.2l-37.3-67.1z"/>
+            <path d="m711.7 425-60.4-262.2c-3.2-13.7-12.5-25.3-25.3-31.4l-244.4-116.8c-7.1-3.4-14.8-4.9-22.7-4.5-6.2.3-12.3 1.9-17.9 4.5l-244.3 116.7c-12.8 6.1-22.1 17.7-25.3 31.4l-60.2 262.3c-2.8 12.2-.5 25 6.3 35.5.8 1.3 1.7 2.5 2.7 3.7l169.1 210.3c8.9 11 22.3 17.4 36.5 17.4l271.2-.1c14.2 0 27.7-6.4 36.5-17.4l169.1-210.3c8.9-10.9 12.2-25.4 9.1-39.1zm-93-3.2c-1.8 7.8-10.2 12.6-18.9 10.7-.1 0-.2 0-.2 0-.1 0-.2-.1-.3-.1-1.2-.3-2.7-.5-3.8-.8-5-1.3-8.6-3.3-13.1-5.1-9.7-3.5-17.7-6.4-25.5-7.5-4-.3-6 1.6-8.2 3-1.1-.2-4.4-.8-6.2-1.1-14 44-43.9 82.2-84.3 106.1.7 1.7 1.9 5.3 2.4 5.9-.9 2.5-2.3 4.8-1.1 8.6 2.8 7.4 7.4 14.6 13 23.2 2.7 4 5.4 7.1 7.8 11.7.6 1.1 1.3 2.8 1.9 3.9 3.8 8 1 17.3-6.2 20.8-7.3 3.5-16.3-.2-20.2-8.3-.6-1.1-1.3-2.7-1.8-3.8-2.1-4.7-2.8-8.8-4.2-13.4-3.3-9.7-6-17.8-10-24.6-2.2-3.3-5-3.7-7.5-4.5-.5-.8-2.2-4-3.1-5.6-8.1 3.1-16.4 5.6-25.1 7.6-37.9 8.6-75.9 5.1-109.9-7.9l-3.3 6c-2.5.7-4.8 1.3-6.3 3.1-5.3 6.4-7.5 16.6-11.3 26.3-1.5 4.6-2.1 8.7-4.2 13.4-.5 1.1-1.3 2.6-1.8 3.7-3.9 8.1-12.9 11.7-20.2 8.2-7.2-3.5-10-12.7-6.2-20.8.6-1.2 1.3-2.8 1.9-3.9 2.4-4.6 5.2-7.7 7.8-11.7 5.5-8.7 10.4-16.4 13.2-23.8.7-2.4-.3-5.8-1.3-8.3l2.7-6.4c-38.9-23.1-69.7-59.8-84.3-105.3l-6.4 1.1c-1.7-1-5.1-3.2-8.4-3-7.8 1.1-15.8 4-25.5 7.5-4.5 1.7-8.1 3.7-13.1 5-1.1.3-2.6.6-3.8.8-.1 0-.2.1-.3.1s-.2 0-.2 0c-8.7 1.9-17.1-2.9-18.9-10.7s3.8-15.7 12.4-17.8c.1 0 .2 0 .2-.1h.1c1.2-.3 2.8-.7 3.9-.9 5.1-1 9.2-.7 14-1.1 10.2-1.1 18.7-1.9 26.2-4.3 2.4-1 4.7-4.3 6.3-6.3l6.1-1.8c-6.9-47.5 4.8-94.2 29.8-131.9l-4.7-4.2c-.3-1.8-.7-6-2.9-8.4-5.8-5.4-13-9.9-21.8-15.3-4.2-2.4-8-4-12.1-7.1-.9-.7-2.1-1.7-3-2.4-.1-.1-.1-.1-.2-.2-7-5.6-8.6-15.2-3.6-21.6 2.8-3.6 7.2-5.3 11.7-5.2 3.5.1 7.1 1.4 10.2 3.8 1 .8 2.4 1.8 3.2 2.6 3.9 3.4 6.3 6.7 9.6 10.2 7.2 7.3 13.2 13.4 19.7 17.8 3.4 2 6.1 1.2 8.7.8.8.6 3.7 2.6 5.3 3.8 24.9-26.4 57.6-46 95.6-54.6 8.8-2 17.7-3.3 26.4-4.1l.3-6.2c1.9-1.9 4.1-4.6 4.8-7.6.6-7.9-.4-16.3-1.6-26.5-.7-4.8-1.8-8.7-2-13.9 0-1.1 0-2.5 0-3.8 0-.1 0-.3 0-.4 0-9 6.5-16.2 14.6-16.2s14.6 7.3 14.6 16.2c0 1.3.1 3 0 4.2-.2 5.2-1.3 9.1-2 13.9-1.2 10.2-2.3 18.7-1.7 26.5.6 3.9 2.9 5.5 4.8 7.3 0 1.1.2 4.6.3 6.5 46.5 4.1 89.7 25.4 121.4 58.7l5.6-4c1.9.1 6 .7 8.9-1 6.5-4.4 12.5-10.5 19.7-17.8 3.3-3.5 5.7-6.8 9.7-10.2.9-.8 2.3-1.8 3.2-2.6 7-5.6 16.8-5 21.8 1.3s3.4 16-3.6 21.6c-1 .8-2.3 1.9-3.2 2.6-4.2 3.1-8 4.7-12.2 7.1-8.7 5.4-16 9.9-21.8 15.3-2.7 2.9-2.5 5.7-2.8 8.3-.8.7-3.7 3.3-5.2 4.7 12.6 18.8 22.1 40.1 27.4 63.3 5.3 23.1 6.1 46.1 3.1 68.3l5.9 1.7c1.1 1.5 3.2 5.2 6.3 6.3 7.5 2.4 16 3.2 26.2 4.3 4.8.4 8.9.2 14 1.1 1.2.2 3 .7 4.2 1 8.9 2.4 14.4 10.4 12.6 18.2z"/>
+            <path d="m428 401.7c-1-.2-2-.3-3-.2-1.7.1-3.3.5-4.9 1.3-6.2 3-9 10.4-6.2 16.7l-.1.1 29.6 71.4c28.5-18.2 49.8-45.3 61-76.6l-76.2-12.9z"/>
+          </g>
+        </svg>
+      </div>
+    );
+  }
+
+  return (
+    <img
+      className={className}
+      src={icon}
+      onLoad={evt => evt.currentTarget.classList.add("visible")}
+      onError={() => setFailedToLoad(true)}
+    />
+  );
+};
diff --git a/src/renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.global-override-for-injectable.ts b/src/renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.global-override-for-injectable.ts
new file mode 100644
index 0000000000..282ef22fe3
--- /dev/null
+++ b/src/renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.global-override-for-injectable.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import callForHelmReleasesInjectable from "./call-for-helm-releases.injectable";
+import { getGlobalOverride } from "../../../../common/test-utils/get-global-override";
+
+export default getGlobalOverride(
+  callForHelmReleasesInjectable,
+  () => () => {
+    throw new Error(
+      "Tried to call for helm releases without explicit override.",
+    );
+  },
+);
diff --git a/src/renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.injectable.ts b/src/renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.injectable.ts
new file mode 100644
index 0000000000..d166091352
--- /dev/null
+++ b/src/renderer/components/+helm-releases/call-for-helm-releases/call-for-helm-releases.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { HelmReleaseDto } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+
+import { apiBase } from "../../../../common/k8s-api";
+import { endpoint } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+
+export type CallForHelmReleases = (
+  namespace?: string
+) => Promise<HelmReleaseDto[]>;
+
+const callForHelmReleasesInjectable = getInjectable({
+  id: "call-for-helm-releases",
+
+  instantiate: (): CallForHelmReleases => async (namespace) =>
+    await apiBase.get<HelmReleaseDto[]>(endpoint({ namespace })),
+
+  causesSideEffects: true,
+});
+
+export default callForHelmReleasesInjectable;
diff --git a/src/renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable.ts b/src/renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable.ts
new file mode 100644
index 0000000000..9e3e3800a3
--- /dev/null
+++ b/src/renderer/components/+helm-releases/create-release/call-for-create-helm-release.injectable.ts
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import yaml from "js-yaml";
+import { getInjectable } from "@ogre-tools/injectable";
+import type { HelmReleaseUpdateDetails } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import { endpoint } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import { apiBase } from "../../../../common/k8s-api";
+
+interface HelmReleaseCreatePayload {
+  name?: string;
+  repo: string;
+  chart: string;
+  namespace: string;
+  version: string;
+  values: string;
+}
+
+export type CallForCreateHelmRelease = (
+  payload: HelmReleaseCreatePayload
+) => Promise<HelmReleaseUpdateDetails>;
+
+const callForCreateHelmReleaseInjectable = getInjectable({
+  id: "call-for-create-helm-release",
+
+  instantiate: (): CallForCreateHelmRelease => (payload) => {
+    const { repo, chart: rawChart, values: rawValues, ...data } = payload;
+    const chart = `${repo}/${rawChart}`;
+    const values = yaml.load(rawValues);
+
+    return apiBase.post(endpoint(), {
+      data: {
+        chart,
+        values,
+        ...data,
+      },
+    });
+  },
+
+  causesSideEffects: true,
+});
+
+export default callForCreateHelmReleaseInjectable;
diff --git a/src/renderer/components/+helm-releases/create-release/create-release.injectable.ts b/src/renderer/components/+helm-releases/create-release/create-release.injectable.ts
index dfcf38fee0..51006266c8 100644
--- a/src/renderer/components/+helm-releases/create-release/create-release.injectable.ts
+++ b/src/renderer/components/+helm-releases/create-release/create-release.injectable.ts
@@ -4,21 +4,19 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 
-import type {
-  HelmReleaseCreatePayload } from "../../../../common/k8s-api/endpoints/helm-releases.api";
-import {
-  createRelease,
-} from "../../../../common/k8s-api/endpoints/helm-releases.api";
 import releasesInjectable from "../releases.injectable";
+import type { CallForCreateHelmRelease } from "./call-for-create-helm-release.injectable";
+import callForCreateHelmReleaseInjectable from "./call-for-create-helm-release.injectable";
 
 const createReleaseInjectable = getInjectable({
   id: "create-release",
 
-  instantiate: (di) => {
+  instantiate: (di): CallForCreateHelmRelease => {
     const releases = di.inject(releasesInjectable);
+    const callForCreateRelease = di.inject(callForCreateHelmReleaseInjectable);
 
-    return async (payload: HelmReleaseCreatePayload) => {
-      const release = await createRelease(payload);
+    return async (payload) => {
+      const release = await callForCreateRelease(payload);
 
       releases.invalidate();
 
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-cluster-frame-child-component.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..a2293e5ca1
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { clusterFrameChildComponentInjectionToken } from "../../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+import { ReleaseDetails } from "./release-details";
+import targetHelmReleaseInjectable from "./target-helm-release.injectable";
+
+const releaseDetailsClusterFrameChildComponentInjectable = getInjectable({
+  id: "release-details-cluster-frame-child-component",
+
+  instantiate: (di) => {
+    const targetRelease = di.inject(targetHelmReleaseInjectable);
+
+    return {
+      id: "release-details",
+      Component: ReleaseDetails,
+      shouldRender: computed(() => !!targetRelease.get()),
+    };
+  },
+  injectionToken: clusterFrameChildComponentInjectionToken,
+});
+
+export default releaseDetailsClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-content.tsx b/src/renderer/components/+helm-releases/release-details/release-details-content.tsx
new file mode 100644
index 0000000000..b03f23de34
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-content.tsx
@@ -0,0 +1,210 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import "./release-details.scss";
+
+import React from "react";
+
+import { Link } from "react-router-dom";
+import { Drawer, DrawerItem, DrawerTitle } from "../../drawer";
+import { cssNames, stopPropagation } from "../../../utils";
+import { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { ConfigurationInput, MinimalResourceGroup, OnlyUserSuppliedValuesAreShownToggle, ReleaseDetailsModel } from "./release-details-model/release-details-model.injectable";
+import releaseDetailsModelInjectable from "./release-details-model/release-details-model.injectable";
+import { Button } from "../../button";
+import { kebabCase } from "lodash/fp";
+import { Badge } from "../../badge";
+import { SubTitle } from "../../layout/sub-title";
+import { Table, TableCell, TableHead, TableRow } from "../../table";
+import { ReactiveDuration } from "../../duration/reactive-duration";
+import { HelmReleaseMenu } from "../release-menu";
+import { Checkbox } from "../../checkbox";
+import { MonacoEditor } from "../../monaco-editor";
+import { Spinner } from "../../spinner";
+import type { TargetHelmRelease } from "./target-helm-release.injectable";
+
+interface ReleaseDetailsContentProps {
+  targetRelease: TargetHelmRelease;
+}
+
+interface Dependencies {
+  model: ReleaseDetailsModel;
+}
+
+const NonInjectedReleaseDetailsContent = observer(({ model }: Dependencies & ReleaseDetailsContentProps) => {
+  const isLoading = model.isLoading.get();
+
+  return (
+    <Drawer
+      className={cssNames("ReleaseDetails", model.activeTheme)}
+      usePortal={true}
+      open={true}
+      title={isLoading ? "" : model.release.getName()}
+      onClose={model.close}
+      testIdForClose="close-helm-release-detail"
+      toolbar={
+        !isLoading && (
+          <HelmReleaseMenu
+            release={model.release}
+            toolbar
+            hideDetails={model.close}
+          />
+        )
+      }
+      data-testid={`helm-release-details-for-${model.id}`}
+    >
+      {isLoading ? (
+        <Spinner center data-testid="helm-release-detail-content-spinner" />
+      ) : (
+        <div>
+          <DrawerItem name="Chart" className="chart">
+            <div className="flex gaps align-center">
+              <span>{model.release.chart}</span>
+
+              <Button
+                primary
+                label="Upgrade"
+                className="box right upgrade"
+                onClick={model.startUpgradeProcess}
+                data-testid="helm-release-upgrade-button"
+              />
+            </div>
+          </DrawerItem>
+
+          <DrawerItem name="Updated">
+            {model.release.getUpdated()}
+            {` ago (${model.release.updated})`}
+          </DrawerItem>
+
+          <DrawerItem name="Namespace">{model.release.getNs()}</DrawerItem>
+
+          <DrawerItem name="Version" onClick={stopPropagation}>
+            <div className="version flex gaps align-center">
+              <span>{model.release.getVersion()}</span>
+            </div>
+          </DrawerItem>
+
+          <DrawerItem
+            name="Status"
+            className="status"
+            labelsOnly>
+            <Badge
+              label={model.release.getStatus()}
+              className={kebabCase(model.release.getStatus())}
+            />
+          </DrawerItem>
+
+          <ReleaseValues
+            configuration={model.configuration}
+            onlyUserSuppliedValuesAreShown={
+              model.onlyUserSuppliedValuesAreShown
+            }
+          />
+
+          <DrawerTitle>Notes</DrawerTitle>
+
+          {model.notes && <div className="notes">{model.notes}</div>}
+
+          <DrawerTitle>Resources</DrawerTitle>
+
+          {model.groupedResources.length > 0 && (
+            <div className="resources">
+              {model.groupedResources.map((group) => (
+                <ResourceGroup key={group.kind} group={group} />
+              ))}
+            </div>
+          )}
+        </div>
+      )}
+    </Drawer>
+  );
+});
+
+export const ReleaseDetailsContent = withInjectables<Dependencies, ReleaseDetailsContentProps>(NonInjectedReleaseDetailsContent, {
+  getProps: (di, props) => ({
+    model: di.inject(releaseDetailsModelInjectable, props.targetRelease),
+    ...props,
+  }),
+});
+
+const ResourceGroup = ({
+  group: { kind, isNamespaced, resources },
+}: {
+  group: MinimalResourceGroup;
+}) => (
+  <>
+    <SubTitle title={kind} />
+
+    <Table scrollable={false}>
+      <TableHead sticky={false}>
+        <TableCell className="name">Name</TableCell>
+
+        {isNamespaced && <TableCell className="namespace">Namespace</TableCell>}
+
+        <TableCell className="age">Age</TableCell>
+      </TableHead>
+
+      {resources.map(
+        ({ creationTimestamp, detailsUrl, name, namespace, uid }) => (
+          <TableRow key={uid}>
+            <TableCell className="name">
+              {detailsUrl ? <Link to={detailsUrl}>{name}</Link> : name}
+            </TableCell>
+
+            {isNamespaced && (
+              <TableCell className="namespace">{namespace}</TableCell>
+            )}
+
+            <TableCell className="age">
+              <ReactiveDuration timestamp={creationTimestamp} />
+            </TableCell>
+          </TableRow>
+        ),
+      )}
+    </Table>
+  </>
+);
+
+interface ReleaseValuesProps {
+  configuration: ConfigurationInput;
+  onlyUserSuppliedValuesAreShown: OnlyUserSuppliedValuesAreShownToggle;
+}
+
+const ReleaseValues = observer(({ configuration, onlyUserSuppliedValuesAreShown }: ReleaseValuesProps) => {
+  const configurationIsLoading = configuration.isLoading.get();
+
+  return (
+    <div className="values">
+      <DrawerTitle>Values</DrawerTitle>
+
+      <div className="flex column gaps">
+        <Checkbox
+          label="User-supplied values only"
+          value={onlyUserSuppliedValuesAreShown.value.get()}
+          onChange={onlyUserSuppliedValuesAreShown.toggle}
+          disabled={configurationIsLoading}
+          data-testid="user-supplied-values-only-checkbox"
+        />
+
+        <MonacoEditor
+          id="helm-release-configuration"
+          style={{ minHeight: 300 }}
+          value={configuration.nonSavedValue.get()}
+          onChange={configuration.onChange}
+        />
+
+        <Button
+          primary
+          label="Save"
+          waiting={configuration.isSaving.get()}
+          disabled={configurationIsLoading}
+          onClick={configuration.save}
+          data-testid="helm-release-configuration-save-button"
+        />
+      </div>
+    </div>
+  );
+});
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.global-override-for-injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.global-override-for-injectable.ts
new file mode 100644
index 0000000000..e54f980728
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.global-override-for-injectable.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../../../../common/test-utils/get-global-override";
+import callForHelmReleaseConfigurationInjectable from "./call-for-helm-release-configuration.injectable";
+
+export default getGlobalOverride(
+  callForHelmReleaseConfigurationInjectable,
+  () => () => {
+    throw new Error(
+      "Tried to call for helm release configuration without explicit override.",
+    );
+  },
+);
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.injectable.ts
new file mode 100644
index 0000000000..d0ed0fac7c
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release-configuration/call-for-helm-release-configuration.injectable.ts
@@ -0,0 +1,29 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { apiBase } from "../../../../../../common/k8s-api";
+import { endpoint } from "../../../../../../common/k8s-api/endpoints/helm-releases.api";
+
+export type CallForHelmReleaseConfiguration = (
+  name: string,
+  namespace: string,
+  all: boolean
+) => Promise<string>;
+
+const callForHelmReleaseConfigurationInjectable = getInjectable({
+  id: "call-for-helm-release-configuration",
+
+  instantiate:
+    (): CallForHelmReleaseConfiguration => async (name, namespace, all: boolean) => {
+      const route = "values";
+      const path = endpoint({ name, namespace, route }, { all });
+
+      return apiBase.get<string>(path);
+    },
+
+  causesSideEffects: true,
+});
+
+export default callForHelmReleaseConfigurationInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.global-override-for-injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.global-override-for-injectable.ts
new file mode 100644
index 0000000000..373b7cae4f
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.global-override-for-injectable.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../../../../../common/test-utils/get-global-override";
+import callForHelmReleaseDetailsInjectable from "./call-for-helm-release-details.injectable";
+
+export default getGlobalOverride(
+  callForHelmReleaseDetailsInjectable,
+  () => () => {
+    throw new Error(
+      "Tried to call for helm release details without explicit override.",
+    );
+  },
+);
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.injectable.ts
new file mode 100644
index 0000000000..e5dccb1340
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release-details/call-for-helm-release-details.injectable.ts
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { apiBase } from "../../../../../../../common/k8s-api";
+import { endpoint } from "../../../../../../../common/k8s-api/endpoints/helm-releases.api";
+import type { KubeJsonApiData } from "../../../../../../../common/k8s-api/kube-json-api";
+
+export interface HelmReleaseDetails {
+  resources: KubeJsonApiData[];
+  name: string;
+  namespace: string;
+  version: string;
+  config: string; // release values
+  manifest: string;
+
+  info: {
+    deleted: string;
+    description: string;
+    first_deployed: string;
+    last_deployed: string;
+    notes: string;
+    status: string;
+  };
+}
+
+export type CallForHelmReleaseDetails = (
+  name: string,
+  namespace: string
+) => Promise<HelmReleaseDetails>;
+
+const callForHelmReleaseDetailsInjectable = getInjectable({
+  id: "call-for-helm-release-details",
+
+  instantiate: (): CallForHelmReleaseDetails => async (name, namespace) => {
+    const path = endpoint({ name, namespace });
+
+    return apiBase.get<HelmReleaseDetails>(path);
+  },
+
+  causesSideEffects: true,
+});
+
+export default callForHelmReleaseDetailsInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release.injectable.ts
new file mode 100644
index 0000000000..fcf1496ba7
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/call-for-helm-release/call-for-helm-release.injectable.ts
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { HelmReleaseDto } from "../../../../../../common/k8s-api/endpoints/helm-releases.api";
+import callForHelmReleasesInjectable from "../../../call-for-helm-releases/call-for-helm-releases.injectable";
+import type { HelmReleaseDetails } from "./call-for-helm-release-details/call-for-helm-release-details.injectable";
+import callForHelmReleaseDetailsInjectable from "./call-for-helm-release-details/call-for-helm-release-details.injectable";
+
+export interface DetailedHelmRelease {
+  release: HelmReleaseDto;
+  details: HelmReleaseDetails;
+}
+
+export type CallForHelmRelease = (
+  name: string,
+  namespace: string
+) => Promise<DetailedHelmRelease | undefined>;
+
+const callForHelmReleaseInjectable = getInjectable({
+  id: "call-for-helm-release",
+
+  instantiate: (di): CallForHelmRelease => {
+    const callForHelmReleases = di.inject(callForHelmReleasesInjectable);
+    const callForHelmReleaseDetails = di.inject(callForHelmReleaseDetailsInjectable);
+
+    return async (name, namespace) => {
+      const [releases, details] = await Promise.all([
+        callForHelmReleases(namespace),
+        callForHelmReleaseDetails(name, namespace),
+      ]);
+
+      const release = releases.find(
+        (rel) => rel.name === name && rel.namespace === namespace,
+      );
+
+      if (!release) {
+        return undefined;
+      }
+
+      return { release, details };
+    };
+  },
+});
+
+export default callForHelmReleaseInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/get-resource-details-url.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details-model/get-resource-details-url.injectable.ts
new file mode 100644
index 0000000000..d1052fa436
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/get-resource-details-url.injectable.ts
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import apiManagerInjectable from "../../../../../common/k8s-api/api-manager/manager.injectable";
+import getDetailsUrlInjectable from "../../../kube-detail-params/get-details-url.injectable";
+
+export type GetResourceDetailsUrl = (
+  kind: string,
+  apiVersion: string,
+  namespace: string | undefined,
+  name: string
+) => string;
+
+const getResourceDetailsUrlInjectable = getInjectable({
+  id: "get-resource-details-url",
+
+  instantiate: (di): GetResourceDetailsUrl => {
+    const apiManager = di.inject(apiManagerInjectable);
+    const getDetailsUrl = di.inject(getDetailsUrlInjectable);
+
+    const getKubeApi = (kind: string, apiVersion: string) =>
+      apiManager.getApi(
+        (api) => api.kind === kind && api.apiVersionWithGroup == apiVersion,
+      );
+
+    return (kind, apiVersion, namespace, name) => {
+      const kubeApi = getKubeApi(kind, apiVersion);
+
+      if (!kubeApi) {
+        return "";
+      }
+
+      const resourceUrl = kubeApi.getUrl({
+        name,
+        namespace,
+      });
+
+      return getDetailsUrl(resourceUrl);
+    };
+  },
+});
+
+export default getResourceDetailsUrlInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release-details-model/release-details-model.injectable.tsx b/src/renderer/components/+helm-releases/release-details/release-details-model/release-details-model.injectable.tsx
new file mode 100644
index 0000000000..f36e3c8cce
--- /dev/null
+++ b/src/renderer/components/+helm-releases/release-details/release-details-model/release-details-model.injectable.tsx
@@ -0,0 +1,308 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import type { IComputedValue, IObservableValue } from "mobx";
+import { runInAction, action, observable, computed } from "mobx";
+import type { TargetHelmRelease } from "../target-helm-release.injectable";
+import type { CallForHelmRelease, DetailedHelmRelease } from "./call-for-helm-release/call-for-helm-release.injectable";
+import callForHelmReleaseInjectable from "./call-for-helm-release/call-for-helm-release.injectable";
+import type { LensTheme } from "../../../../themes/store";
+import type { CallForHelmReleaseConfiguration } from "./call-for-helm-release-configuration/call-for-helm-release-configuration.injectable";
+import callForHelmReleaseConfigurationInjectable from "./call-for-helm-release-configuration/call-for-helm-release-configuration.injectable";
+import { toHelmRelease } from "../../releases.injectable";
+import { pipeline } from "@ogre-tools/fp";
+import { groupBy, map } from "lodash/fp";
+import type { KubeJsonApiData } from "../../../../../common/k8s-api/kube-json-api";
+import type { GetResourceDetailsUrl } from "./get-resource-details-url.injectable";
+import getResourceDetailsUrlInjectable from "./get-resource-details-url.injectable";
+import type { CallForHelmReleaseUpdate } from "../../update-release/call-for-helm-release-update/call-for-helm-release-update.injectable";
+import updateReleaseInjectable from "../../update-release/update-release.injectable";
+import type { ShowCheckedErrorNotification } from "../../../notifications/show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "../../../notifications/show-checked-error.injectable";
+import type { ShowNotification } from "../../../notifications";
+import showSuccessNotificationInjectable from "../../../notifications/show-success-notification.injectable";
+import React from "react";
+import createUpgradeChartTabInjectable from "../../../dock/upgrade-chart/create-upgrade-chart-tab.injectable";
+import type { HelmRelease } from "../../../../../common/k8s-api/endpoints/helm-releases.api";
+import type { NavigateToHelmReleases } from "../../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import navigateToHelmReleasesInjectable from "../../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import assert from "assert";
+import withOrphanPromiseInjectable from "../../../../../common/utils/with-orphan-promise/with-orphan-promise.injectable";
+import activeThemeInjectable from "../../../../themes/active.injectable";
+
+const releaseDetailsModelInjectable = getInjectable({
+  id: "release-details-model",
+
+  instantiate: (di, targetRelease: TargetHelmRelease) => {
+    const callForHelmRelease = di.inject(callForHelmReleaseInjectable);
+    const callForHelmReleaseConfiguration = di.inject(callForHelmReleaseConfigurationInjectable);
+    const activeTheme = di.inject(activeThemeInjectable);
+    const getResourceDetailsUrl = di.inject(getResourceDetailsUrlInjectable);
+    const updateRelease = di.inject(updateReleaseInjectable);
+    const showCheckedErrorNotification = di.inject(showCheckedErrorNotificationInjectable);
+    const showSuccessNotification = di.inject(showSuccessNotificationInjectable);
+    const createUpgradeChartTab = di.inject(createUpgradeChartTabInjectable);
+    const navigateToHelmReleases = di.inject(navigateToHelmReleasesInjectable);
+    const withOrphanPromise = di.inject(withOrphanPromiseInjectable);
+
+    const model = new ReleaseDetailsModel({
+      callForHelmRelease,
+      targetRelease,
+      activeTheme,
+      callForHelmReleaseConfiguration,
+      getResourceDetailsUrl,
+      updateRelease,
+      showCheckedErrorNotification,
+      showSuccessNotification,
+      createUpgradeChartTab,
+      navigateToHelmReleases,
+    });
+
+    const load = withOrphanPromise(model.load);
+
+    // TODO: Reorganize Drawer to allow setting of header-bar in children to make "getPlaceholder" from injectable usable.
+    load();
+
+    return model;
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, release: TargetHelmRelease) =>
+      `${release.namespace}/${release.name}`,
+  }),
+});
+
+export default releaseDetailsModelInjectable;
+
+export interface OnlyUserSuppliedValuesAreShownToggle {
+  value: IObservableValue<boolean>;
+  toggle: () => Promise<void>;
+}
+
+export interface ConfigurationInput {
+  nonSavedValue: IObservableValue<string>;
+  isLoading: IObservableValue<boolean>;
+  isSaving: IObservableValue<boolean>;
+  onChange: (value: string) => void;
+  save: () => Promise<void>;
+}
+
+interface Dependencies {
+  callForHelmRelease: CallForHelmRelease;
+  targetRelease: TargetHelmRelease;
+  activeTheme: IComputedValue<LensTheme>;
+  callForHelmReleaseConfiguration: CallForHelmReleaseConfiguration;
+  getResourceDetailsUrl: GetResourceDetailsUrl;
+  updateRelease: CallForHelmReleaseUpdate;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
+  showSuccessNotification: ShowNotification;
+  createUpgradeChartTab: (release: HelmRelease) => string;
+  navigateToHelmReleases: NavigateToHelmReleases;
+}
+
+export class ReleaseDetailsModel {
+  id = `${this.dependencies.targetRelease.namespace}/${this.dependencies.targetRelease.name}`;
+
+  constructor(private dependencies: Dependencies) {}
+
+  private detailedRelease = observable.box<DetailedHelmRelease | undefined>();
+
+  readonly isLoading = observable.box(false);
+
+  readonly configuration: ConfigurationInput = {
+    nonSavedValue: observable.box(""),
+    isLoading: observable.box(false),
+    isSaving: observable.box(false),
+
+    onChange: action((value: string) => {
+      this.configuration.nonSavedValue.set(value);
+    }),
+
+    save: async () => {
+      runInAction(() => {
+        this.configuration.isSaving.set(true);
+      });
+
+      const name = this.release.getName();
+      const namespace = this.release.getNs();
+
+      const data = {
+        chart: this.release.getChart(),
+        repo: await this.release.getRepo(),
+        version: this.release.getVersion(),
+        values: this.configuration.nonSavedValue.get(),
+      };
+
+      const result = await this.dependencies.updateRelease(name, namespace, data);
+
+      runInAction(() => {
+        this.configuration.isSaving.set(false);
+      });
+
+      if (!result.updateWasSuccessful) {
+        this.dependencies.showCheckedErrorNotification(
+          result.error,
+          "Unknown error occured while updating release",
+        );
+
+        return;
+      }
+
+      this.dependencies.showSuccessNotification(
+        <p>
+          Release
+          {" "}
+          <b>{name}</b>
+          {" successfully updated!"}
+        </p>,
+      );
+
+      await this.loadConfiguration();
+    },
+  };
+
+  readonly onlyUserSuppliedValuesAreShown: OnlyUserSuppliedValuesAreShownToggle = {
+    value: observable.box(false),
+
+    toggle: action(async () => {
+      const value = this.onlyUserSuppliedValuesAreShown.value;
+
+      value.set(!value.get());
+
+      await this.loadConfiguration();
+    }),
+  };
+
+  load = async () => {
+    runInAction(() => {
+      this.isLoading.set(true);
+    });
+
+    const { name, namespace } = this.dependencies.targetRelease;
+
+    const detailedRelease = await this.dependencies.callForHelmRelease(
+      name,
+      namespace,
+    );
+
+    runInAction(() => {
+      this.detailedRelease.set(detailedRelease);
+    });
+
+    await this.loadConfiguration();
+
+    runInAction(() => {
+      this.isLoading.set(false);
+    });
+  };
+
+  private loadConfiguration = async () => {
+    runInAction(() => {
+      this.configuration.isLoading.set(true);
+    });
+
+    const { name, namespace } = this.release;
+
+    const configuration =
+      await this.dependencies.callForHelmReleaseConfiguration(
+        name,
+        namespace,
+        !this.onlyUserSuppliedValuesAreShown.value.get(),
+      );
+
+    runInAction(() => {
+      this.configuration.isLoading.set(false);
+      this.configuration.nonSavedValue.set(configuration);
+    });
+  };
+
+  @computed get release() {
+    const detailedRelease = this.detailedRelease.get();
+
+    assert(detailedRelease, "Tried to access release before load");
+
+    return toHelmRelease(detailedRelease.release);
+  }
+
+  @computed private get details() {
+    const detailedRelease = this.detailedRelease.get();
+
+    assert(detailedRelease, "Tried to access details before load");
+
+    return detailedRelease.details;
+  }
+
+  @computed get notes() {
+    return this.details.info.notes;
+  }
+
+  @computed get groupedResources(): MinimalResourceGroup[] {
+    return pipeline(
+      this.details.resources,
+      groupBy((resource) => resource.kind),
+      (grouped) => Object.entries(grouped),
+
+      map(([kind, resources]) => ({
+        kind,
+
+        resources: resources.map(
+          toMinimalResourceFor(this.dependencies.getResourceDetailsUrl, kind),
+        ),
+
+        isNamespaced: resources.some(
+          (resource) => !!resource.metadata.namespace,
+        ),
+      })),
+    );
+  }
+
+  @computed get activeTheme() {
+    return this.dependencies.activeTheme.get().type;
+  }
+
+  close = () => {
+    this.dependencies.navigateToHelmReleases();
+  };
+
+  startUpgradeProcess = () => {
+    this.dependencies.createUpgradeChartTab(this.release);
+
+    this.close();
+  };
+}
+
+export interface MinimalResourceGroup {
+  kind: string;
+  isNamespaced: boolean;
+  resources: MinimalResource[];
+}
+
+export interface MinimalResource {
+  uid: string | undefined;
+  name: string;
+  namespace: string | undefined;
+  detailsUrl: string | undefined;
+  creationTimestamp: string | undefined;
+}
+
+const toMinimalResourceFor =
+  (getResourceDetailsUrl: GetResourceDetailsUrl, kind: string) =>
+    (resource: KubeJsonApiData): MinimalResource => {
+      const { creationTimestamp, name, namespace, uid } = resource.metadata;
+
+      return {
+        uid,
+        name,
+        namespace,
+        creationTimestamp,
+
+        detailsUrl: getResourceDetailsUrl(
+          kind,
+          resource.apiVersion,
+          namespace,
+          name,
+        ),
+      };
+    };
diff --git a/src/renderer/components/+helm-releases/release-details/release-details.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-details.injectable.ts
deleted file mode 100644
index f788d5ac57..0000000000
--- a/src/renderer/components/+helm-releases/release-details/release-details.injectable.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { getRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
-import { asyncComputed } from "@ogre-tools/injectable-react";
-import releaseInjectable from "./release.injectable";
-import { waitUntilDefined } from "../../../utils";
-
-const releaseDetailsInjectable = getInjectable({
-  id: "release-details",
-
-  instantiate: (di) => {
-    const releaseComputed = di.inject(releaseInjectable);
-
-    return asyncComputed(async () => {
-      const release = await waitUntilDefined(releaseComputed);
-
-      return getRelease(release.name, release.namespace);
-    });},
-});
-
-export default releaseDetailsInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release-details.tsx b/src/renderer/components/+helm-releases/release-details/release-details.tsx
index ee01070fbf..254d9e1edc 100644
--- a/src/renderer/components/+helm-releases/release-details/release-details.tsx
+++ b/src/renderer/components/+helm-releases/release-details/release-details.tsx
@@ -5,296 +5,35 @@
 
 import "./release-details.scss";
 
-import React, { Component } from "react";
-import groupBy from "lodash/groupBy";
-import type { IComputedValue } from "mobx";
-import { computed, makeObservable, observable } from "mobx";
-import { Link } from "react-router-dom";
-import kebabCase from "lodash/kebabCase";
-import type { HelmRelease, HelmReleaseDetails, HelmReleaseUpdateDetails, HelmReleaseUpdatePayload } from "../../../../common/k8s-api/endpoints/helm-releases.api";
-import { HelmReleaseMenu } from "../release-menu";
-import { Drawer, DrawerItem, DrawerTitle } from "../../drawer";
-import { Badge } from "../../badge";
-import { cssNames, stopPropagation } from "../../../utils";
-import { Observer, observer } from "mobx-react";
-import { Spinner } from "../../spinner";
-import { Table, TableCell, TableHead, TableRow } from "../../table";
-import { Button } from "../../button";
-import { Notifications } from "../../notifications";
-import type { ThemeStore } from "../../../themes/store";
-import type { ApiManager } from "../../../../common/k8s-api/api-manager";
-import { SubTitle } from "../../layout/sub-title";
-import { Checkbox } from "../../checkbox";
-import { MonacoEditor } from "../../monaco-editor";
-import type { IAsyncComputed } from "@ogre-tools/injectable-react";
-import { withInjectables } from "@ogre-tools/injectable-react";
-import createUpgradeChartTabInjectable from "../../dock/upgrade-chart/create-upgrade-chart-tab.injectable";
-import updateReleaseInjectable from "../update-release/update-release.injectable";
-import releaseInjectable from "./release.injectable";
-import releaseDetailsInjectable from "./release-details.injectable";
-import releaseValuesInjectable from "./release-values.injectable";
-import userSuppliedValuesAreShownInjectable from "./user-supplied-values-are-shown.injectable";
-import { KubeObjectAge } from "../../kube-object/age";
-import type { KubeJsonApiData } from "../../../../common/k8s-api/kube-json-api";
-import { entries } from "../../../../common/utils/objects";
-import themeStoreInjectable from "../../../themes/store.injectable";
-import type { GetDetailsUrl } from "../../kube-detail-params/get-details-url.injectable";
-import apiManagerInjectable from "../../../../common/k8s-api/api-manager/manager.injectable";
-import getDetailsUrlInjectable from "../../kube-detail-params/get-details-url.injectable";
+import React from "react";
 
-export interface ReleaseDetailsProps {
-  hideDetails(): void;
-}
+import { observer } from "mobx-react";
+import { withInjectables } from "@ogre-tools/injectable-react";
+
+import type { IComputedValue } from "mobx";
+import { ReleaseDetailsContent } from "./release-details-content";
+import type { TargetHelmRelease } from "./target-helm-release.injectable";
+import targetHelmReleaseInjectable from "./target-helm-release.injectable";
 
 interface Dependencies {
-  release: IComputedValue<HelmRelease | null | undefined>;
-  releaseDetails: IAsyncComputed<HelmReleaseDetails>;
-  releaseValues: IAsyncComputed<string>;
-  updateRelease: (name: string, namespace: string, payload: HelmReleaseUpdatePayload) => Promise<HelmReleaseUpdateDetails>;
-  createUpgradeChartTab: (release: HelmRelease) => void;
-  userSuppliedValuesAreShown: { toggle: () => void; value: boolean };
-  themeStore: ThemeStore;
-  apiManager: ApiManager;
-  getDetailsUrl: GetDetailsUrl;
+  targetRelease: IComputedValue<
+    TargetHelmRelease | undefined
+  >;
 }
 
-@observer
-class NonInjectedReleaseDetails extends Component<ReleaseDetailsProps & Dependencies> {
-  @observable saving = false;
+const NonInjectedReleaseDetails = observer(
+  ({ targetRelease }: Dependencies) => {
+    const release = targetRelease.get();
 
-  private nonSavedValues = "";
+    return release ? <ReleaseDetailsContent targetRelease={release} /> : null;
+  },
+);
 
-  constructor(props: ReleaseDetailsProps & Dependencies) {
-    super(props);
-    makeObservable(this);
-  }
-
-  @computed get details() {
-    return this.props.releaseDetails.value.get();
-  }
-
-  updateValues = async (release: HelmRelease) => {
-    const name = release.getName();
-    const namespace = release.getNs();
-    const data = {
-      chart: release.getChart(),
-      repo: await release.getRepo(),
-      version: release.getVersion(),
-      values: this.nonSavedValues,
-    };
-
-    this.saving = true;
-
-    try {
-      await this.props.updateRelease(name, namespace, data);
-      Notifications.ok(
-        <p>
-          Release
-          <b>{name}</b>
-          {" successfully updated!"}
-        </p>,
-      );
-
-      this.props.releaseValues.invalidate();
-    } catch (err) {
-      Notifications.checkedError(err, "Unknown error occured while updating release");
-    }
-    this.saving = false;
-  };
-
-  upgradeVersion = (release: HelmRelease) => {
-    const { hideDetails, createUpgradeChartTab } = this.props;
-
-    createUpgradeChartTab(release);
-    hideDetails();
-  };
-
-  renderValues(release: HelmRelease) {
-    return (
-      <Observer>
-        {() => {
-          const { saving } = this;
-
-          const releaseValuesArePending =
-            this.props.releaseValues.pending.get();
-
-          this.nonSavedValues = this.props.releaseValues.value.get();
-
-          return (
-            <div className="values">
-              <DrawerTitle>Values</DrawerTitle>
-              <div className="flex column gaps">
-                <Checkbox
-                  label="User-supplied values only"
-                  value={this.props.userSuppliedValuesAreShown.value}
-                  onChange={this.props.userSuppliedValuesAreShown.toggle}
-                  disabled={releaseValuesArePending}
-                />
-                <MonacoEditor
-                  style={{ minHeight: 300 }}
-                  value={this.nonSavedValues}
-                  onChange={(text) => (this.nonSavedValues = text)}
-                />
-                <Button
-                  primary
-                  label="Save"
-                  waiting={saving}
-                  disabled={releaseValuesArePending}
-                  onClick={() => this.updateValues(release)}
-                />
-              </div>
-            </div>
-          );
-        }}
-      </Observer>
-    );
-  }
-
-  renderNotes() {
-    if (!this.details.info?.notes) return null;
-    const { notes } = this.details.info;
-
-    return (
-      <div className="notes">
-        {notes}
-      </div>
-    );
-  }
-
-  renderResources(resources: KubeJsonApiData[]) {
-    const { apiManager, getDetailsUrl } = this.props;
-
-    return (
-      <div className="resources">
-        {
-          entries(groupBy(resources, item => item.kind))
-            .map(([kind, items]) => (
-              <React.Fragment key={kind}>
-                <SubTitle title={kind} />
-                <Table scrollable={false}>
-                  <TableHead sticky={false}>
-                    <TableCell className="name">Name</TableCell>
-                    {items[0].metadata.namespace && <TableCell className="namespace">Namespace</TableCell>}
-                    <TableCell className="age">Age</TableCell>
-                  </TableHead>
-                  {items.map(item => {
-                    const { name, namespace, uid } = item.metadata;
-                    const api = apiManager.getApi(api => api.kind === kind && api.apiVersionWithGroup == item.apiVersion);
-                    const detailsUrl = api ? getDetailsUrl(api.getUrl({ name, namespace })) : "";
-
-                    return (
-                      <TableRow key={uid}>
-                        <TableCell className="name">
-                          {detailsUrl ? <Link to={detailsUrl}>{name}</Link> : name}
-                        </TableCell>
-                        {namespace && (
-                          <TableCell className="namespace">
-                            {namespace}
-                          </TableCell>
-                        )}
-                        <TableCell className="age">
-                          <KubeObjectAge key="age" object={item} />
-                        </TableCell>
-                      </TableRow>
-                    );
-                  })}
-                </Table>
-              </React.Fragment>
-            ))
-        }
-      </div>
-    );
-  }
-
-  renderContent(release: HelmRelease) {
-    if (!this.details) {
-      return <Spinner center/>;
-    }
-
-    const { resources } = this.details;
-
-    return (
-      <div>
-        <DrawerItem name="Chart" className="chart">
-          <div className="flex gaps align-center">
-            <span>{release.getChart()}</span>
-            <Button
-              primary
-              label="Upgrade"
-              className="box right upgrade"
-              onClick={() => this.upgradeVersion(release)}
-            />
-          </div>
-        </DrawerItem>
-        <DrawerItem name="Updated">
-          {release.getUpdated()}
-          {` ago (${release.updated})`}
-        </DrawerItem>
-        <DrawerItem name="Namespace">
-          {release.getNs()}
-        </DrawerItem>
-        <DrawerItem name="Version" onClick={stopPropagation}>
-          <div className="version flex gaps align-center">
-            <span>
-              {release.getVersion()}
-            </span>
-          </div>
-        </DrawerItem>
-        <DrawerItem
-          name="Status"
-          className="status"
-          labelsOnly
-        >
-          <Badge
-            label={release.getStatus()}
-            className={kebabCase(release.getStatus())}
-          />
-        </DrawerItem>
-        {this.renderValues(release)}
-        <DrawerTitle>Notes</DrawerTitle>
-        {this.renderNotes()}
-        <DrawerTitle>Resources</DrawerTitle>
-        {resources && this.renderResources(resources)}
-      </div>
-    );
-  }
-
-  render() {
-    const { hideDetails, themeStore } = this.props;
-    const release = this.props.release.get();
-
-    return (
-      <Drawer
-        className={cssNames("ReleaseDetails", themeStore.activeTheme.type)}
-        usePortal={true}
-        open={Boolean(release)}
-        title={release ? `Release: ${release.getName()}` : ""}
-        onClose={hideDetails}
-        toolbar={release && (
-          <HelmReleaseMenu
-            release={release}
-            toolbar
-            hideDetails={hideDetails}
-          />
-        )}
-      >
-        {release && this.renderContent(release)}
-      </Drawer>
-    );
-  }
-}
-
-export const ReleaseDetails = withInjectables<Dependencies, ReleaseDetailsProps>(NonInjectedReleaseDetails, {
-  getProps: (di, props) => ({
-    ...props,
-    release: di.inject(releaseInjectable),
-    releaseDetails: di.inject(releaseDetailsInjectable),
-    releaseValues: di.inject(releaseValuesInjectable),
-    userSuppliedValuesAreShown: di.inject(userSuppliedValuesAreShownInjectable),
-    updateRelease: di.inject(updateReleaseInjectable),
-    createUpgradeChartTab: di.inject(createUpgradeChartTabInjectable),
-    themeStore: di.inject(themeStoreInjectable),
-    apiManager: di.inject(apiManagerInjectable),
-    getDetailsUrl: di.inject(getDetailsUrlInjectable),
-  }),
-});
+export const ReleaseDetails = withInjectables<Dependencies>(
+  NonInjectedReleaseDetails,
+  {
+    getProps: (di) => ({
+      targetRelease: di.inject(targetHelmReleaseInjectable),
+    }),
+  },
+);
diff --git a/src/renderer/components/+helm-releases/release-details/release-values.injectable.ts b/src/renderer/components/+helm-releases/release-details/release-values.injectable.ts
deleted file mode 100644
index 96cfd6c2dd..0000000000
--- a/src/renderer/components/+helm-releases/release-details/release-values.injectable.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { getReleaseValues } from "../../../../common/k8s-api/endpoints/helm-releases.api";
-import { asyncComputed } from "@ogre-tools/injectable-react";
-import releaseInjectable from "./release.injectable";
-import { Notifications } from "../../notifications";
-import userSuppliedValuesAreShownInjectable from "./user-supplied-values-are-shown.injectable";
-
-const releaseValuesInjectable = getInjectable({
-  id: "release-values",
-
-  instantiate: (di) =>
-    asyncComputed(async () => {
-      const release = di.inject(releaseInjectable).get();
-
-      // TODO: Figure out way to get rid of defensive code
-      if (!release) {
-        return "";
-      }
-
-      const userSuppliedValuesAreShown = di.inject(userSuppliedValuesAreShownInjectable).value;
-
-      try {
-        return await getReleaseValues(release.getName(), release.getNs(), !userSuppliedValuesAreShown) ?? "";
-      } catch (error) {
-        Notifications.error(`Failed to load values for ${release.getName()}: ${error}`);
-
-        return "";
-      }
-    }),
-});
-
-export default releaseValuesInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/release.injectable.ts b/src/renderer/components/+helm-releases/release-details/target-helm-release.injectable.ts
similarity index 58%
rename from src/renderer/components/+helm-releases/release-details/release.injectable.ts
rename to src/renderer/components/+helm-releases/release-details/target-helm-release.injectable.ts
index 981ffce517..809ed1ab5a 100644
--- a/src/renderer/components/+helm-releases/release-details/release.injectable.ts
+++ b/src/renderer/components/+helm-releases/release-details/target-helm-release.injectable.ts
@@ -3,29 +3,24 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import { matches } from "lodash/fp";
-import releasesInjectable from "../releases.injectable";
 import { computed } from "mobx";
 import helmReleasesRouteParametersInjectable from "../helm-releases-route-parameters.injectable";
 
-const releaseInjectable = getInjectable({
-  id: "release",
+export interface TargetHelmRelease { name: string; namespace: string }
+
+const targetHelmReleaseInjectable = getInjectable({
+  id: "target-helm-release",
 
   instantiate: (di) => {
-    const releases = di.inject(releasesInjectable);
     const routeParameters = di.inject(helmReleasesRouteParametersInjectable);
 
-    return computed(() => {
+    return computed((): TargetHelmRelease | undefined => {
       const name = routeParameters.name.get();
       const namespace = routeParameters.namespace.get();
 
-      if (!name || !namespace) {
-        return null;
-      }
-
-      return releases.value.get().find(matches({ name, namespace }));
+      return name && namespace ? { name, namespace } : undefined;
     });
   },
 });
 
-export default releaseInjectable;
+export default targetHelmReleaseInjectable;
diff --git a/src/renderer/components/+helm-releases/release-details/user-supplied-values-are-shown.injectable.ts b/src/renderer/components/+helm-releases/release-details/user-supplied-values-are-shown.injectable.ts
deleted file mode 100644
index f0201ebee0..0000000000
--- a/src/renderer/components/+helm-releases/release-details/user-supplied-values-are-shown.injectable.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { observable } from "mobx";
-
-const userSuppliedValuesAreShownInjectable = getInjectable({
-  id: "user-supplied-values-are-shown",
-
-  instantiate: () => {
-    const state = observable.box(false);
-
-    return {
-      get value() {
-        return state.get();
-      },
-
-      toggle: () => {
-        state.set(!state.get());
-      },
-    };
-  },
-});
-
-export default userSuppliedValuesAreShownInjectable;
-
diff --git a/src/renderer/components/+helm-releases/release-menu.tsx b/src/renderer/components/+helm-releases/release-menu.tsx
index 511b104600..a53c59a682 100644
--- a/src/renderer/components/+helm-releases/release-menu.tsx
+++ b/src/renderer/components/+helm-releases/release-menu.tsx
@@ -78,12 +78,14 @@ class NonInjectedHelmReleaseMenu extends React.Component<HelmReleaseMenuProps &
 
     return (
       <MenuActions
+        id={`menu-actions-for-release-menu-for-${release.getId()}`}
         {...menuProps}
         className={cssNames("HelmReleaseMenu", className)}
         removeAction={this.remove}
         removeConfirmationMessage={() => (
           <p>
             Remove Helm Release
+            {" "}
             <b>{release.name}</b>
             ?
           </p>
diff --git a/src/renderer/components/+helm-releases/releases.injectable.ts b/src/renderer/components/+helm-releases/releases.injectable.ts
index e23640de6d..694f0d379e 100644
--- a/src/renderer/components/+helm-releases/releases.injectable.ts
+++ b/src/renderer/components/+helm-releases/releases.injectable.ts
@@ -5,9 +5,13 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { asyncComputed } from "@ogre-tools/injectable-react";
 import namespaceStoreInjectable from "../+namespaces/store.injectable";
-import { listReleases } from "../../../common/k8s-api/endpoints/helm-releases.api";
 import clusterFrameContextInjectable from "../../cluster-frame-context/cluster-frame-context.injectable";
 import releaseSecretsInjectable from "./release-secrets.injectable";
+import callForHelmReleasesInjectable from "./call-for-helm-releases/call-for-helm-releases.injectable";
+import type { HelmRelease, HelmReleaseDto } from "../../../common/k8s-api/endpoints/helm-releases.api";
+import { formatDuration } from "../../../common/utils";
+import { helmChartStore } from "../+helm-charts/helm-chart.store";
+import { capitalize } from "lodash/fp";
 
 const releasesInjectable = getInjectable({
   id: "releases",
@@ -16,6 +20,7 @@ const releasesInjectable = getInjectable({
     const clusterContext = di.inject(clusterFrameContextInjectable);
     const namespaceStore = di.inject(namespaceStoreInjectable);
     const releaseSecrets = di.inject(releaseSecretsInjectable);
+    const callForHelmReleases = di.inject(callForHelmReleasesInjectable);
 
     return asyncComputed(async () => {
       const contextNamespaces = namespaceStore.contextNamespaces || [];
@@ -29,15 +34,83 @@ const releasesInjectable = getInjectable({
           contextNamespaces.includes(namespace),
         );
 
-      const releaseArrays = await (isLoadingAll ? listReleases() : Promise.all(
+      const releaseArrays = await (isLoadingAll ? callForHelmReleases() : Promise.all(
         contextNamespaces.map((namespace) =>
-          listReleases(namespace),
+          callForHelmReleases(namespace),
         ),
       ));
 
-      return releaseArrays.flat();
+      return releaseArrays.flat().map(toHelmRelease);
     }, []);
   },
 });
 
+export const toHelmRelease = (release: HelmReleaseDto) : HelmRelease => ({
+  ...release,
+
+  getId() {
+    return `${this.namespace}/${this.name}`;
+  },
+
+  getName() {
+    return this.name;
+  },
+
+  getNs() {
+    return this.namespace;
+  },
+
+  getChart(withVersion = false) {
+    let chart = this.chart;
+
+    if (!withVersion && this.getVersion() != "") {
+      const search = new RegExp(`-${this.getVersion()}`);
+
+      chart = chart.replace(search, "");
+    }
+
+    return chart;
+  },
+
+  getRevision() {
+    return parseInt(this.revision, 10);
+  },
+
+  getStatus() {
+    return capitalize(this.status);
+  },
+
+  getVersion() {
+    const versions = this.chart.match(/(?<=-)(v?\d+)[^-].*$/);
+
+    return versions?.[0] ?? "";
+  },
+
+  getUpdated(humanize = true, compact = true) {
+    const updated = this.updated.replace(/\s\w*$/, ""); // 2019-11-26 10:58:09 +0300 MSK -> 2019-11-26 10:58:09 +0300 to pass into Date()
+    const updatedDate = new Date(updated).getTime();
+    const diff = Date.now() - updatedDate;
+
+    if (humanize) {
+      return formatDuration(diff, compact);
+    }
+
+    return diff;
+  },
+
+  // Helm does not store from what repository the release is installed,
+  // so we have to try to guess it by searching charts
+  async getRepo() {
+    const chartName = this.getChart();
+    const version = this.getVersion();
+    const versions = await helmChartStore.getVersions(chartName);
+    const chartVersion = versions.find(
+      (chartVersion) => chartVersion.version === version,
+    );
+
+    return chartVersion ? chartVersion.repo : "";
+  },
+});
+
+
 export default releasesInjectable;
diff --git a/src/renderer/components/+helm-releases/releases.tsx b/src/renderer/components/+helm-releases/releases.tsx
index b8c642c2a5..7b5fd99dac 100644
--- a/src/renderer/components/+helm-releases/releases.tsx
+++ b/src/renderer/components/+helm-releases/releases.tsx
@@ -16,7 +16,6 @@ import { NamespaceSelectFilter } from "../+namespaces/namespace-select-filter";
 import { kebabCase } from "lodash/fp";
 import { HelmReleaseMenu } from "./release-menu";
 import { ReleaseRollbackDialog } from "./dialog/dialog";
-import { ReleaseDetails } from "./release-details/release-details";
 import removableReleasesInjectable from "./removable-releases.injectable";
 import type { RemovableHelmRelease } from "./removable-releases";
 import type { IComputedValue } from "mobx";
@@ -77,6 +76,7 @@ class NonInjectedHelmReleases extends Component<Dependencies> {
       <div>
         <>
           Remove
+          {" "}
           <b>{releaseNames}</b>
           ?
         </>
@@ -144,6 +144,7 @@ class NonInjectedHelmReleases extends Component<Dependencies> {
           isConfigurable
           tableId="helm_releases"
           className="HelmReleases"
+          customizeTableRowProps={(item) => ({ testId: `helm-release-row-for-${item.getId()}` })}
           sortingCallbacks={{
             [columnId.name]: release => release.getName(),
             [columnId.namespace]: release => release.getNs(),
@@ -203,10 +204,7 @@ class NonInjectedHelmReleases extends Component<Dependencies> {
             message: this.renderRemoveDialogMessage(selectedItems),
           })}
           onDetails={this.onDetails}
-        />
-
-        <ReleaseDetails
-          hideDetails={this.hideDetails}
+          spinnerTestId="helm-releases-spinner"
         />
 
         <ReleaseRollbackDialog/>
diff --git a/src/renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.global-override-for-injectable.ts b/src/renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.global-override-for-injectable.ts
new file mode 100644
index 0000000000..34cc147e8d
--- /dev/null
+++ b/src/renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.global-override-for-injectable.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../../../common/test-utils/get-global-override";
+import callForHelmReleaseUpdateInjectable from "./call-for-helm-release-update.injectable";
+
+export default getGlobalOverride(
+  callForHelmReleaseUpdateInjectable,
+  () => () => {
+    throw new Error(
+      "Tried to call for helm release update without explicit override.",
+    );
+  },
+);
diff --git a/src/renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.injectable.ts b/src/renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.injectable.ts
new file mode 100644
index 0000000000..b3cc590163
--- /dev/null
+++ b/src/renderer/components/+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.injectable.ts
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { apiBase } from "../../../../../common/k8s-api";
+import { endpoint } from "../../../../../common/k8s-api/endpoints/helm-releases.api";
+import yaml from "js-yaml";
+
+interface HelmReleaseUpdatePayload {
+  repo: string;
+  chart: string;
+  version: string;
+  values: string;
+}
+
+export type CallForHelmReleaseUpdate = (
+  name: string,
+  namespace: string,
+  payload: HelmReleaseUpdatePayload
+) => Promise<{ updateWasSuccessful: true } | { updateWasSuccessful: false; error: unknown }>;
+
+const callForHelmReleaseUpdateInjectable = getInjectable({
+  id: "call-for-helm-release-update",
+
+  instantiate:
+    (): CallForHelmReleaseUpdate => async (name, namespace, payload) => {
+      const { repo, chart: rawChart, values: rawValues, ...data } = payload;
+      const chart = `${repo}/${rawChart}`;
+      const values = yaml.load(rawValues);
+
+      try {
+        await apiBase.put(endpoint({ name, namespace }), {
+          data: {
+            chart,
+            values,
+            ...data,
+          },
+        });
+      } catch (e) {
+        return { updateWasSuccessful: false, error: e };
+      }
+
+      return { updateWasSuccessful: true };
+    },
+
+  causesSideEffects: true,
+});
+
+export default callForHelmReleaseUpdateInjectable;
diff --git a/src/renderer/components/+helm-releases/update-release/update-release.injectable.ts b/src/renderer/components/+helm-releases/update-release/update-release.injectable.ts
index aa6aa9448d..dce16e2dd1 100644
--- a/src/renderer/components/+helm-releases/update-release/update-release.injectable.ts
+++ b/src/renderer/components/+helm-releases/update-release/update-release.injectable.ts
@@ -3,26 +3,23 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-
-import type {
-  HelmReleaseUpdatePayload } from "../../../../common/k8s-api/endpoints/helm-releases.api";
-import {
-  updateRelease,
-} from "../../../../common/k8s-api/endpoints/helm-releases.api";
 import releasesInjectable from "../releases.injectable";
+import type { CallForHelmReleaseUpdate } from "./call-for-helm-release-update/call-for-helm-release-update.injectable";
+import callForHelmReleaseUpdateInjectable from "./call-for-helm-release-update/call-for-helm-release-update.injectable";
 
 const updateReleaseInjectable = getInjectable({
   id: "update-release",
 
-  instantiate: (di) => {
+  instantiate: (di): CallForHelmReleaseUpdate => {
     const releases = di.inject(releasesInjectable);
+    const callForHelmReleaseUpdate = di.inject(callForHelmReleaseUpdateInjectable);
 
     return async (
-      name: string,
-      namespace: string,
-      payload: HelmReleaseUpdatePayload,
+      name,
+      namespace,
+      payload,
     ) => {
-      const result = await updateRelease(name, namespace, payload);
+      const result = await callForHelmReleaseUpdate(name, namespace, payload);
 
       releases.invalidate();
 
diff --git a/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap b/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
new file mode 100644
index 0000000000..5d147fea18
--- /dev/null
+++ b/src/renderer/components/+namespaces/__snapshots__/namespace-select-filter.test.tsx.snap
@@ -0,0 +1,1698 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<NamespaceSelectFilter /> renders 1`] = `
+<body>
+  <div>
+    <div
+      class="NamespaceSelectFilterParent"
+      data-testid="namespace-select-filter"
+    >
+      <div
+        class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-namespace-select-filter-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="Select__control css-1s2u09g-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-14el2xx-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              All namespaces
+            </div>
+            <div
+              class="Select__input-container css-6j8wv5-Input"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-describedby="react-select-namespace-select-filter-placeholder"
+                aria-expanded="false"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="Select__input"
+                id="namespace-select-filter"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> when clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="NamespaceSelectFilterParent"
+      data-testid="namespace-select-filter"
+    >
+      <div
+        class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-namespace-select-filter-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-14el2xx-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              All namespaces
+            </div>
+            <div
+              class="Select__input-container css-6j8wv5-Input"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-controls="react-select-namespace-select-filter-listbox"
+                aria-describedby="react-select-namespace-select-filter-placeholder"
+                aria-expanded="true"
+                aria-haspopup="true"
+                aria-owns="react-select-namespace-select-filter-listbox"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="Select__input"
+                id="namespace-select-filter"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-26l3qy-menu"
+      id="react-select-namespace-select-filter-listbox"
+    >
+      <div
+        class="Select__menu-list Select__menu-list--is-multi css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          id="react-select-namespace-select-filter-option-0"
+          tabindex="-1"
+        >
+          All Namespaces
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-1"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-1
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-1-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-2"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-2
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-2-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-3"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-3
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-3-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-4"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-4
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-4-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-5"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-5
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-5-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-6"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-6
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-6-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-7"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-7
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-7-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-8"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-8
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-8-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-9"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-9
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-9-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-10"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-10
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-10-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-11"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-11
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-11-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-12"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-12
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-12-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-13"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-13
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-13-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="NamespaceSelectFilterParent"
+      data-testid="namespace-select-filter"
+    >
+      <div
+        class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-namespace-select-filter-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="Select__control css-1s2u09g-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-14el2xx-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespace: test-2
+            </div>
+            <div
+              class="Select__input-container css-6j8wv5-Input"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-describedby="react-select-namespace-select-filter-placeholder"
+                aria-expanded="false"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="Select__input"
+                id="namespace-select-filter"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when clicked again renders 1`] = `
+<body>
+  <div>
+    <div
+      class="NamespaceSelectFilterParent"
+      data-testid="namespace-select-filter"
+    >
+      <div
+        class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-namespace-select-filter-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-14el2xx-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespace: test-2
+            </div>
+            <div
+              class="Select__input-container css-6j8wv5-Input"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-controls="react-select-namespace-select-filter-listbox"
+                aria-describedby="react-select-namespace-select-filter-placeholder"
+                aria-expanded="true"
+                aria-haspopup="true"
+                aria-owns="react-select-namespace-select-filter-listbox"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="Select__input"
+                id="namespace-select-filter"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-26l3qy-menu"
+      id="react-select-namespace-select-filter-listbox"
+    >
+      <div
+        class="Select__menu-list Select__menu-list--is-multi css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          id="react-select-namespace-select-filter-option-0"
+          tabindex="-1"
+        >
+          All Namespaces
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-1"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-2
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-2-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-2"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-1
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-3"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-3
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-4"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-4
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-5"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-5
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-6"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-6
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-7"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-7
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-8"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-8
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-9"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-9
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-10"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-10
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-11"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-11
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-12"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-12
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-13"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-13
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when clicked again when 'test-1' is clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="NamespaceSelectFilterParent"
+      data-testid="namespace-select-filter"
+    >
+      <div
+        class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-namespace-select-filter-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="Select__control css-1s2u09g-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-14el2xx-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespace: test-1
+            </div>
+            <div
+              class="Select__input-container css-6j8wv5-Input"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-describedby="react-select-namespace-select-filter-placeholder"
+                aria-expanded="false"
+                aria-haspopup="true"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="Select__input"
+                id="namespace-select-filter"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<NamespaceSelectFilter /> when clicked when 'test-2' is clicked when clicked again when 'test-1' is clicked when clicked again, then holding down multi select key when 'test-3' is clicked renders 1`] = `
+<body>
+  <div>
+    <div
+      class="NamespaceSelectFilterParent"
+      data-testid="namespace-select-filter"
+    >
+      <div
+        class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
+      >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-namespace-select-filter-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          class="Select__control Select__control--menu-is-open css-1s2u09g-control"
+        >
+          <div
+            class="Select__value-container Select__value-container--is-multi css-319lph-ValueContainer"
+          >
+            <div
+              class="Select__placeholder css-14el2xx-placeholder"
+              id="react-select-namespace-select-filter-placeholder"
+            >
+              Namespaces: test-1, test-3
+            </div>
+            <div
+              class="Select__input-container css-6j8wv5-Input"
+              data-value=""
+            >
+              <input
+                aria-autocomplete="list"
+                aria-controls="react-select-namespace-select-filter-listbox"
+                aria-describedby="react-select-namespace-select-filter-placeholder"
+                aria-expanded="true"
+                aria-haspopup="true"
+                aria-owns="react-select-namespace-select-filter-listbox"
+                autocapitalize="none"
+                autocomplete="off"
+                autocorrect="off"
+                class="Select__input"
+                id="namespace-select-filter"
+                role="combobox"
+                spellcheck="false"
+                style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                tabindex="0"
+                type="text"
+                value=""
+              />
+            </div>
+          </div>
+          <div
+            class="Select__indicators css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              class="Select__indicator-separator css-1okebmr-indicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              class="Select__indicator Select__dropdown-indicator css-tlfecz-indicatorContainer"
+            >
+              <svg
+                aria-hidden="true"
+                class="css-tj5bde-Svg"
+                focusable="false"
+                height="20"
+                viewBox="0 0 20 20"
+                width="20"
+              >
+                <path
+                  d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="Select__menu-portal css-yj2v5g"
+  >
+    <div
+      class="NamespaceSelectFilterMenu theme-dark namespace-select-filter-options Select__menu css-26l3qy-menu"
+      id="react-select-namespace-select-filter-listbox"
+    >
+      <div
+        class="Select__menu-list Select__menu-list--is-multi css-4ljt47-MenuList"
+      >
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-focused css-1n7v3ny-option"
+          id="react-select-namespace-select-filter-option-0"
+          tabindex="-1"
+        >
+          All Namespaces
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-1"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-1
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-1-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-2"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-2
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option Select__option--is-selected css-9gakcf-option"
+          id="react-select-namespace-select-filter-option-3"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-3
+            </span>
+            <i
+              class="Icon box right material focusable small"
+              data-testid="namespace-select-filter-option-test-3-selected"
+            >
+              <span
+                class="icon"
+                data-icon-name="check"
+              >
+                check
+              </span>
+            </i>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-4"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-4
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-5"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-5
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-6"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-6
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-7"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-7
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-8"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-8
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-9"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-9
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-10"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-10
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-11"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-11
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-12"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-12
+            </span>
+          </div>
+        </div>
+        <div
+          aria-disabled="false"
+          class="Select__option css-yt9ioa-option"
+          id="react-select-namespace-select-filter-option-13"
+          tabindex="-1"
+        >
+          <div
+            class="flex gaps align-center"
+          >
+            <i
+              class="Icon material focusable small"
+            >
+              <span
+                class="icon"
+                data-icon-name="layers"
+              >
+                layers
+              </span>
+            </i>
+            <span>
+              test-13
+            </span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/renderer/components/+namespaces/namespace-select-filter-model/is-selection-key.injectable.ts b/src/renderer/components/+namespaces/namespace-select-filter-model/is-selection-key.injectable.ts
new file mode 100644
index 0000000000..3562b8a166
--- /dev/null
+++ b/src/renderer/components/+namespaces/namespace-select-filter-model/is-selection-key.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type React from "react";
+import isMacInjectable from "../../../../common/vars/is-mac.injectable";
+
+export type IsMultiSelectionKey = (event: React.KeyboardEvent) => boolean;
+
+const isMultiSelectionKeyInjectable = getInjectable({
+  id: "is-multi-selection-key",
+  instantiate: (di): IsMultiSelectionKey => {
+    const isMac = di.inject(isMacInjectable);
+
+    return isMac
+      ? ({ key }) => key === "Meta"
+      : ({ key }) => key === "Control";
+  },
+});
+
+export default isMultiSelectionKeyInjectable;
diff --git a/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.injectable.ts b/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.injectable.ts
index 087ff4a29b..5578767cf1 100644
--- a/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.injectable.ts
+++ b/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.injectable.ts
@@ -2,15 +2,17 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import { NamespaceSelectFilterModel } from "./namespace-select-filter-model";
+import { namespaceSelectFilterModelFor } from "./namespace-select-filter-model";
 import { getInjectable } from "@ogre-tools/injectable";
 import namespaceStoreInjectable from "../store.injectable";
+import isMultiSelectionKeyInjectable from "./is-selection-key.injectable";
 
 const namespaceSelectFilterModelInjectable = getInjectable({
   id: "namespace-select-filter-model",
 
-  instantiate: (di) => new NamespaceSelectFilterModel({
+  instantiate: (di) => namespaceSelectFilterModelFor({
     namespaceStore: di.inject(namespaceStoreInjectable),
+    isMultiSelectionKey: di.inject(isMultiSelectionKeyInjectable),
   }),
 });
 
diff --git a/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx b/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx
index 9731abf8b8..a3d850cdcd 100644
--- a/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx
+++ b/src/renderer/components/+namespaces/namespace-select-filter-model/namespace-select-filter-model.tsx
@@ -3,16 +3,18 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import React from "react";
-import { observable, action, untracked, computed, makeObservable } from "mobx";
+import type { IComputedValue } from "mobx";
+import { observable, action, computed, comparer } from "mobx";
 import type { NamespaceStore } from "../store";
-import { isMac } from "../../../../common/vars";
-import type { ActionMeta } from "react-select";
+import type { ActionMeta, MultiValue } from "react-select";
 import { Icon } from "../../icon";
 import type { SelectOption } from "../../select";
-import { autoBind } from "../../../utils";
+import { observableCrate } from "../../../utils";
+import type { IsMultiSelectionKey } from "./is-selection-key.injectable";
 
 interface Dependencies {
-  readonly namespaceStore: NamespaceStore;
+  namespaceStore: NamespaceStore;
+  isMultiSelectionKey: IsMultiSelectionKey;
 }
 
 export const selectAllNamespaces = Symbol("all-namespaces-selected");
@@ -20,140 +22,160 @@ export const selectAllNamespaces = Symbol("all-namespaces-selected");
 export type SelectAllNamespaces = typeof selectAllNamespaces;
 export type NamespaceSelectFilterOption = SelectOption<string | SelectAllNamespaces>;
 
-export class NamespaceSelectFilterModel {
-  constructor(private readonly dependencies: Dependencies) {
-    makeObservable(this);
-    autoBind(this);
-  }
-
-  readonly options = computed((): readonly NamespaceSelectFilterOption[] => {
-    const baseOptions = this.dependencies.namespaceStore.items.map(ns => ns.getName());
-
-    baseOptions.sort((
-      (left, right) =>
-        +this.selectedNames.has(right)
-        - +this.selectedNames.has(left)
-    ));
-
-    return [
-      {
-        value: selectAllNamespaces,
-        label: "All Namespaces",
-        isSelected: false,
-      },
-      ...baseOptions.map(namespace => ({
-        value: namespace,
-        label: namespace,
-        isSelected: this.selectedNames.has(namespace),
-      })),
-    ];
-  });
-
-  formatOptionLabel({ value, isSelected }: NamespaceSelectFilterOption) {
-    if (value === selectAllNamespaces) {
-      return "All Namespaces";
-    }
-
-    return (
-      <div className="flex gaps align-center">
-        <Icon small material="layers" />
-        <span>{value}</span>
-        {isSelected && (
-          <Icon
-            small
-            material="check"
-            className="box right"
-          />
-        )}
-      </div>
-    );
-  }
-
-  readonly menuIsOpen = observable.box(false);
-
-  @action
-  closeMenu() {
-    this.menuIsOpen.set(false);
-  }
-
-  @action
-  openMenu(){
-    this.menuIsOpen.set(true);
-  }
-
-  get selectedNames() {
-    return untracked(() => this.dependencies.namespaceStore.selectedNames);
-  }
-
-  isSelected(namespace: string | string[]) {
-    return this.dependencies.namespaceStore.hasContext(namespace);
-  }
-
-  selectSingle(namespace: string) {
-    this.dependencies.namespaceStore.selectSingle(namespace);
-  }
-
-  selectAll() {
-    this.dependencies.namespaceStore.selectAll();
-  }
-
-  onChange(namespace: unknown, action: ActionMeta<NamespaceSelectFilterOption>) {
-    switch (action.action) {
-      case "clear":
-        this.dependencies.namespaceStore.selectAll();
-        break;
-      case "deselect-option":
-        if (typeof action.option === "string") {
-          this.dependencies.namespaceStore.toggleSingle(action.option);
-        }
-        break;
-      case "select-option":
-        if (action.option?.value === selectAllNamespaces) {
-          this.dependencies.namespaceStore.selectAll();
-        } else if (action.option) {
-          if (this.isMultiSelection) {
-            this.dependencies.namespaceStore.toggleSingle(action.option.value);
-          } else {
-            this.dependencies.namespaceStore.selectSingle(action.option.value);
-          }
-        }
-        break;
-    }
-  }
-
-  onClick() {
-    if (!this.menuIsOpen.get()) {
-      this.openMenu();
-    } else if (!this.isMultiSelection) {
-      this.closeMenu();
-    }
-  }
-
-  private isMultiSelection = false;
-
-  onKeyDown(event: React.KeyboardEvent) {
-    if (isSelectionKey(event)) {
-      this.isMultiSelection = true;
-    }
-  }
-
-  onKeyUp(event: React.KeyboardEvent) {
-    if (isSelectionKey(event)) {
-      this.isMultiSelection = false;
-    }
-  }
-
-  @action
-  reset() {
-    this.isMultiSelection = false;
-    this.closeMenu();
-  }
+export interface NamespaceSelectFilterModel {
+  readonly options: IComputedValue<readonly NamespaceSelectFilterOption[]>;
+  readonly menu: {
+    open: () => void;
+    close: () => void;
+    readonly isOpen: IComputedValue<boolean>;
+  };
+  onChange: (newValue: MultiValue<NamespaceSelectFilterOption>, actionMeta: ActionMeta<NamespaceSelectFilterOption>) => void;
+  onClick: () => void;
+  onKeyDown: React.KeyboardEventHandler;
+  onKeyUp: React.KeyboardEventHandler;
+  reset: () => void;
+  isOptionSelected: (option: NamespaceSelectFilterOption) => boolean;
+  formatOptionLabel: (option: NamespaceSelectFilterOption) => JSX.Element;
 }
 
-const isSelectionKey = (event: React.KeyboardEvent): boolean  => {
-  if (isMac) {
-    return event.key === "Meta";
-  }
+enum SelectMenuState {
+  Close = "close",
+  Open = "open",
+}
 
-  return event.key === "Control"; // windows or linux
-};
+export function namespaceSelectFilterModelFor(dependencies: Dependencies): NamespaceSelectFilterModel {
+  const { isMultiSelectionKey, namespaceStore } = dependencies;
+
+  let didToggle = false;
+  let isMultiSelection = false;
+  const menuState = observableCrate(SelectMenuState.Close, [{
+    from: SelectMenuState.Close,
+    to: SelectMenuState.Open,
+    onTransition: () => {
+      optionsSortingSelected.replace(selectedNames.get());
+      didToggle = false;
+    },
+  }]);
+  const selectedNames = computed(() => new Set(namespaceStore.contextNamespaces), {
+    equals: comparer.structural,
+  });
+  const optionsSortingSelected = observable.set(selectedNames.get());
+  const sortNamespacesByIfTheyHaveBeenSelected = (left: string, right: string) => {
+    const isLeftSelected = optionsSortingSelected.has(left);
+    const isRightSelected = optionsSortingSelected.has(right);
+
+    if (isLeftSelected === isRightSelected) {
+      return 0;
+    }
+
+    return isRightSelected
+      ? 1
+      : -1;
+  };
+  const options = computed((): readonly NamespaceSelectFilterOption[] => [
+    {
+      value: selectAllNamespaces,
+      label: "All Namespaces",
+      id: "all-namespaces",
+    },
+    ...namespaceStore
+      .items
+      .map(ns => ns.getName())
+      .sort(sortNamespacesByIfTheyHaveBeenSelected)
+      .map(namespace => ({
+        value: namespace,
+        label: namespace,
+        id: namespace,
+      })),
+  ]);
+  const menuIsOpen = computed(() => menuState.get() === SelectMenuState.Open);
+  const isOptionSelected: NamespaceSelectFilterModel["isOptionSelected"] = (option) => {
+    if (option.value === selectAllNamespaces) {
+      return false;
+    }
+
+    return selectedNames.get().has(option.value);
+  };
+
+  const model: NamespaceSelectFilterModel = {
+    options,
+    menu: {
+      close: action(() => {
+        menuState.set(SelectMenuState.Close);
+      }),
+      open: action(() => {
+        menuState.set(SelectMenuState.Open);
+      }),
+      isOpen: menuIsOpen,
+    },
+    onChange: (_, action) => {
+      switch (action.action) {
+        case "clear":
+          namespaceStore.selectAll();
+          break;
+        case "deselect-option":
+        case "select-option":
+          if (action.option) {
+            didToggle = true;
+
+            if (action.option.value === selectAllNamespaces) {
+              namespaceStore.selectAll();
+            } else if (isMultiSelection) {
+              namespaceStore.toggleSingle(action.option.value);
+            } else {
+              namespaceStore.selectSingle(action.option.value);
+            }
+          }
+          break;
+      }
+    },
+    onClick: () => {
+      if (!menuIsOpen.get()) {
+        model.menu.open();
+      } else if (!isMultiSelection) {
+        model.menu.close();
+      }
+    },
+    onKeyDown: (event) => {
+      if (isMultiSelectionKey(event)) {
+        isMultiSelection = true;
+      }
+    },
+    onKeyUp: (event) => {
+      if (isMultiSelectionKey(event)) {
+        isMultiSelection = false;
+
+        if (didToggle) {
+          model.menu.close();
+        }
+      }
+    },
+    reset: action(() => {
+      isMultiSelection = false;
+      model.menu.close();
+    }),
+    isOptionSelected,
+    formatOptionLabel: (option) => {
+      if (option.value === selectAllNamespaces) {
+        return <>All Namespaces</>;
+      }
+
+      return (
+        <div className="flex gaps align-center">
+          <Icon small material="layers" />
+          <span>{option.value}</span>
+          {isOptionSelected(option) && (
+            <Icon
+              small
+              material="check"
+              className="box right"
+              data-testid={`namespace-select-filter-option-${option.value}-selected`}
+            />
+          )}
+        </div>
+      );
+    },
+  };
+
+  return model;
+}
diff --git a/src/renderer/components/+namespaces/namespace-select-filter.scss b/src/renderer/components/+namespaces/namespace-select-filter.scss
index 5230fd7a84..f227976b46 100644
--- a/src/renderer/components/+namespaces/namespace-select-filter.scss
+++ b/src/renderer/components/+namespaces/namespace-select-filter.scss
@@ -4,19 +4,23 @@
   }
 }
 
+.NamespaceSelectFilterParent {
+  max-width: 300px;
+}
+
 .NamespaceSelectFilter {
   --gradientColor: var(--select-menu-bgc);
 
   .Select {
     &__placeholder {
-      width: 100%;
       white-space: nowrap;
-      overflow: scroll!important;
+      overflow: scroll hidden!important;
       text-overflow: unset!important;
       margin-left: -8px;
       padding-left: 8px;
       margin-right: -8px;
       padding-right: 8px;
+      line-height: 1.1;
 
       &::-webkit-scrollbar {
         display: none;
@@ -61,10 +65,14 @@
       word-break: break-all;
       padding: 4px 8px;
       border-radius: 3px;
+
+      &--is-selected:not(&--is-focused) {
+        background: transparent;
+      }
     }
   }
 
   .Icon {
     margin-right: $margin * 0.5;
   }
-}
\ No newline at end of file
+}
diff --git a/src/renderer/components/+namespaces/namespace-select-filter.test.tsx b/src/renderer/components/+namespaces/namespace-select-filter.test.tsx
new file mode 100644
index 0000000000..a81e32e263
--- /dev/null
+++ b/src/renderer/components/+namespaces/namespace-select-filter.test.tsx
@@ -0,0 +1,252 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { DiContainer } from "@ogre-tools/injectable";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import React from "react";
+import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
+import { Namespace } from "../../../common/k8s-api/endpoints";
+import { getDiForUnitTesting } from "../../getDiForUnitTesting";
+import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import { renderFor } from "../test-utils/renderFor";
+import { NamespaceSelectFilter } from "./namespace-select-filter";
+import type { NamespaceStore } from "./store";
+import namespaceStoreInjectable from "./store.injectable";
+
+function createNamespace(name: string): Namespace {
+  return new Namespace({
+    apiVersion: "v1",
+    kind: "Namespace",
+    metadata: {
+      name,
+      resourceVersion: "1",
+      selfLink: `/api/v1/namespaces/${name}`,
+      uid: `${name}-1`,
+    },
+  });
+}
+
+describe("<NamespaceSelectFilter />", () => {
+  let di: DiContainer;
+  let namespaceStore: NamespaceStore;
+  let result: RenderResult;
+
+  beforeEach(() => {
+    di = getDiForUnitTesting({ doGeneralOverrides: true });
+    di.override(directoryForUserDataInjectable, () => "/some-directory");
+    di.override(storesAndApisCanBeCreatedInjectable, () => true);
+    namespaceStore = di.inject(namespaceStoreInjectable);
+
+    const render = renderFor(di);
+
+    namespaceStore.items.replace([
+      createNamespace("test-1"),
+      createNamespace("test-2"),
+      createNamespace("test-3"),
+      createNamespace("test-4"),
+      createNamespace("test-5"),
+      createNamespace("test-6"),
+      createNamespace("test-7"),
+      createNamespace("test-8"),
+      createNamespace("test-9"),
+      createNamespace("test-10"),
+      createNamespace("test-11"),
+      createNamespace("test-12"),
+      createNamespace("test-13"),
+    ]);
+
+    result = render((
+      <NamespaceSelectFilter id="namespace-select-filter" />
+    ));
+  });
+
+  it("renders", () => {
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  describe("when clicked", () => {
+    beforeEach(() => {
+      result.getByTestId("namespace-select-filter").click();
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("opens menu", () => {
+      expect(result.baseElement.querySelector("#react-select-namespace-select-filter-listbox")).not.toBeNull();
+    });
+
+    describe("when 'test-2' is clicked", () => {
+      beforeEach(() => {
+        result.getByText("test-2").click();
+      });
+
+      it("renders", () => {
+        expect(result.baseElement).toMatchSnapshot();
+      });
+
+      it("has only 'test-2' is selected in the store", () => {
+        expect(namespaceStore.contextNamespaces).toEqual(["test-2"]);
+      });
+
+      it("closes menu", () => {
+        expect(result.baseElement.querySelector("#react-select-namespace-select-filter-listbox")).toBeNull();
+      });
+
+      describe("when clicked again", () => {
+        beforeEach(() => {
+          result.getByTestId("namespace-select-filter").click();
+        });
+
+        it("renders", () => {
+          expect(result.baseElement).toMatchSnapshot();
+        });
+
+        it("shows 'test-2' as selected", () => {
+          expect(result.queryByTestId("namespace-select-filter-option-test-2-selected")).not.toBeNull();
+        });
+
+        it("does not show 'test-1' as selected", () => {
+          expect(result.queryByTestId("namespace-select-filter-option-test-1-selected")).toBeNull();
+        });
+
+        describe("when 'test-1' is clicked", () => {
+          beforeEach(() => {
+            result.getByText("test-1").click();
+          });
+
+          it("renders", () => {
+            expect(result.baseElement).toMatchSnapshot();
+          });
+
+          it("has only 'test-1' is selected in the store", () => {
+            expect(namespaceStore.contextNamespaces).toEqual(["test-1"]);
+          });
+
+          it("closes menu", () => {
+            expect(result.baseElement.querySelector("#react-select-namespace-select-filter-listbox")).toBeNull();
+          });
+
+          describe("when clicked again, then holding down multi select key", () => {
+            beforeEach(() => {
+              const filter = result.getByTestId("namespace-select-filter");
+
+              filter.click();
+              fireEvent.keyDown(filter, { key: "Meta" });
+            });
+
+            describe("when 'test-3' is clicked", () => {
+              beforeEach(() => {
+                result.getByText("test-3").click();
+              });
+
+              it("renders", () => {
+                expect(result.baseElement).toMatchSnapshot();
+              });
+
+              it("has both 'test-1' and 'test-3' as selected in the store", () => {
+                expect(new Set(namespaceStore.contextNamespaces)).toEqual(new Set(["test-1", "test-3"]));
+              });
+
+              it("keeps menu open", () => {
+                expect(result.baseElement.querySelector("#react-select-namespace-select-filter-listbox")).not.toBeNull();
+              });
+
+              it("does not show 'kube-system' as selected", () => {
+                expect(result.queryByTestId("namespace-select-filter-option-kube-system-selected")).toBeNull();
+              });
+
+              describe("when 'test-13' is clicked", () => {
+                beforeEach(() => {
+                  result.getByText("test-13").click();
+                });
+
+                it("has all of 'test-1', 'test-3', and 'test-13' selected in the store", () => {
+                  expect(new Set(namespaceStore.contextNamespaces)).toEqual(new Set(["test-1", "test-3", "test-13"]));
+                });
+
+                it("'test-13' is not sorted to the top of the list", () => {
+                  const topLevelElement = result.getByText("test-13").parentElement?.parentElement as HTMLElement;
+
+                  expect(topLevelElement.nextSibling).toBe(null);
+                });
+              });
+
+              describe("when releasing multi select key", () => {
+                beforeEach(() => {
+                  const filter = result.getByTestId("namespace-select-filter");
+
+                  fireEvent.keyUp(filter, { key: "Meta" });
+                });
+
+                it("closes menu", () => {
+                  expect(result.baseElement.querySelector("#react-select-namespace-select-filter-listbox")).toBeNull();
+                });
+              });
+            });
+
+            describe("when releasing multi select key", () => {
+              beforeEach(() => {
+                const filter = result.getByTestId("namespace-select-filter");
+
+                fireEvent.keyUp(filter, { key: "Meta" });
+              });
+
+              it("keeps menu open", () => {
+                expect(result.baseElement.querySelector("#react-select-namespace-select-filter-listbox")).not.toBeNull();
+              });
+            });
+          });
+        });
+      });
+    });
+
+    describe("when multi-selection key is pressed", () => {
+      beforeEach(() => {
+        const filter = result.getByTestId("namespace-select-filter");
+
+        fireEvent.keyDown(filter, { key: "Meta" });
+      });
+
+      it("should show placeholder text as 'All namespaces'", () => {
+        expect(result.baseElement.querySelector("#react-select-namespace-select-filter-placeholder")).toHaveTextContent("All namespaces");
+      });
+
+      describe("when 'test-2' is clicked", () => {
+        beforeEach(() => {
+          result.getByText("test-2").click();
+        });
+
+        it("should not show placeholder text as 'All namespaces'", () => {
+          expect(result.baseElement.querySelector("#react-select-namespace-select-filter-placeholder")).not.toHaveTextContent("All namespaces");
+        });
+
+        describe("when 'test-2' is clicked", () => {
+          beforeEach(() => {
+            result.getByText("test-2").click();
+          });
+
+          it("should not show placeholder as 'All namespaces'", () => {
+            expect(result.baseElement.querySelector("#react-select-namespace-select-filter-placeholder")).not.toHaveTextContent("All namespaces");
+          });
+
+          describe("when multi-selection key is raised", () => {
+            beforeEach(() => {
+              const filter = result.getByTestId("namespace-select-filter");
+
+              fireEvent.keyUp(filter, { key: "Meta" });
+            });
+
+            it("should show placeholder text as 'All namespaces'", () => {
+              expect(result.baseElement.querySelector("#react-select-namespace-select-filter-placeholder")).not.toHaveTextContent("All namespaces");
+            });
+          });
+        });
+      });
+    });
+  });
+});
diff --git a/src/renderer/components/+namespaces/namespace-select-filter.tsx b/src/renderer/components/+namespaces/namespace-select-filter.tsx
index 67203f1100..de1c2a8cd6 100644
--- a/src/renderer/components/+namespaces/namespace-select-filter.tsx
+++ b/src/renderer/components/+namespaces/namespace-select-filter.tsx
@@ -29,12 +29,14 @@ const NonInjectedNamespaceSelectFilter = observer(({ model, id }: Dependencies &
     onKeyUp={model.onKeyUp}
     onKeyDown={model.onKeyDown}
     onClick={model.onClick}
+    className="NamespaceSelectFilterParent"
+    data-testid="namespace-select-filter"
   >
     <Select<string | SelectAllNamespaces, NamespaceSelectFilterOption, true>
       id={id}
       isMulti={true}
       isClearable={false}
-      menuIsOpen={model.menuIsOpen.get()}
+      menuIsOpen={model.menu.isOpen.get()}
       components={{ Placeholder }}
       closeMenuOnSelect={false}
       controlShouldRenderValue={false}
@@ -43,7 +45,10 @@ const NonInjectedNamespaceSelectFilter = observer(({ model, id }: Dependencies &
       formatOptionLabel={model.formatOptionLabel}
       options={model.options.get()}
       className="NamespaceSelect NamespaceSelectFilter"
-      menuClass="NamespaceSelectFilterMenu" />
+      menuClass="NamespaceSelectFilterMenu"
+      isOptionSelected={model.isOptionSelected}
+      hideSelectedOptions={false}
+    />
   </div>
 ));
 
@@ -54,7 +59,7 @@ export const NamespaceSelectFilter = withInjectables<Dependencies, NamespaceSele
   }),
 });
 
-export interface CustomPlaceholderProps extends PlaceholderProps<NamespaceSelectFilterOption, boolean> {}
+export interface CustomPlaceholderProps extends PlaceholderProps<NamespaceSelectFilterOption, true> {}
 
 interface PlaceholderDependencies {
   namespaceStore: NamespaceStore;
diff --git a/src/renderer/components/+network-ingresses/ingresses.scss b/src/renderer/components/+network-ingresses/ingresses.scss
index 6b072b5ed5..960ba3702f 100644
--- a/src/renderer/components/+network-ingresses/ingresses.scss
+++ b/src/renderer/components/+network-ingresses/ingresses.scss
@@ -5,6 +5,10 @@
 
 .Ingresses {
   .TableCell {
+    &.checkbox .Checkbox {
+      align-items: flex-start;
+    }
+
     &.rules {
       flex-grow: 3.0;
       overflow-x: scroll;
@@ -14,8 +18,13 @@
         display: none;
       }
 
-      span:not(:last-of-type) {
-        margin-right: 1em;
+      .ingressRule {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .ingressRule + .ingressRule {
+        margin-top: 6px;
       }
     }
 
diff --git a/src/renderer/components/+network-ingresses/ingresses.tsx b/src/renderer/components/+network-ingresses/ingresses.tsx
index e117bc5a8e..1ca8589f80 100644
--- a/src/renderer/components/+network-ingresses/ingresses.tsx
+++ b/src/renderer/components/+network-ingresses/ingresses.tsx
@@ -58,7 +58,7 @@ export class Ingresses extends React.Component {
             computeRouteDeclarations(ingress).map(decl => (
               decl.displayAsLink
                 ? (
-                  <span key={decl.url}>
+                  <div key={decl.url} className="ingressRule">
                     <a
                       href={decl.url}
                       rel="noreferrer"
@@ -68,12 +68,12 @@ export class Ingresses extends React.Component {
                       {decl.url}
                     </a>
                     {` ⇢ ${decl.service}`}
-                  </span>
+                  </div>
                 )
                 : (
-                  <span key={decl.url}>
+                  <div key={decl.url} className="ingressRule">
                     {`${decl.url} ⇢ ${decl.service}`}
-                  </span>
+                  </div>
                 )
             )),
             <KubeObjectAge key="age" object={ingress} />,
diff --git a/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx b/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx
index 0a4e9b22d7..e25bebc0c2 100644
--- a/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx
+++ b/src/renderer/components/+network-policies/__tests__/network-policy-details.test.tsx
@@ -4,15 +4,22 @@
  */
 
 import React from "react";
-import { findByTestId, findByText, render } from "@testing-library/react";
+import { findByTestId, findByText } from "@testing-library/react";
 import { NetworkPolicy } from "../../../../common/k8s-api/endpoints";
 import { NetworkPolicyDetails } from "../network-policy-details";
-
-jest.mock("../../kube-object-meta/kube-object-meta", () => ({
-  KubeObjectMeta: () => null,
-}));
+import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
+import type { DiRender } from "../../test-utils/renderFor";
+import { renderFor } from "../../test-utils/renderFor";
 
 describe("NetworkPolicyDetails", () => {
+  let render: DiRender;
+
+  beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    render = renderFor(di);
+  });
+
   it("should render w/o errors", () => {
     const policy = new NetworkPolicy({
       metadata: {} as never,
diff --git a/src/renderer/components/+network-port-forwards/port-forward-menu.tsx b/src/renderer/components/+network-port-forwards/port-forward-menu.tsx
index 5b89cdf886..a0edc693a6 100644
--- a/src/renderer/components/+network-port-forwards/port-forward-menu.tsx
+++ b/src/renderer/components/+network-port-forwards/port-forward-menu.tsx
@@ -6,7 +6,6 @@
 import React from "react";
 import { autoBind, cssNames } from "../../utils";
 import type { PortForwardItem, PortForwardStore } from "../../port-forward";
-import { openPortForward } from "../../port-forward";
 import type { MenuActionsProps } from "../menu/menu-actions";
 import { MenuActions } from "../menu/menu-actions";
 import { MenuItem } from "../menu";
@@ -15,6 +14,8 @@ import { Notifications } from "../notifications";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import portForwardDialogModelInjectable from "../../port-forward/port-forward-dialog-model/port-forward-dialog-model.injectable";
 import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
+import type { OpenPortForward } from "../../port-forward/open-port-forward.injectable";
+import openPortForwardInjectable from "../../port-forward/open-port-forward.injectable";
 
 export interface PortForwardMenuProps extends MenuActionsProps {
   portForward: PortForwardItem;
@@ -24,6 +25,7 @@ export interface PortForwardMenuProps extends MenuActionsProps {
 interface Dependencies {
   portForwardStore: PortForwardStore;
   openPortForwardDialog: (item: PortForwardItem) => void;
+  openPortForward: OpenPortForward;
 }
 
 class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependencies> extends React.Component<Props> {
@@ -67,7 +69,7 @@ class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependenci
           <Icon
             material="stop"
             tooltip="Stop port-forward"
-            interactive={toolbar} 
+            interactive={toolbar}
           />
           <span className="title">Stop</span>
         </MenuItem>
@@ -79,7 +81,7 @@ class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependenci
         <Icon
           material="play_arrow"
           tooltip="Start port-forward"
-          interactive={toolbar} 
+          interactive={toolbar}
         />
         <span className="title">Start</span>
       </MenuItem>
@@ -94,11 +96,11 @@ class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependenci
     return (
       <>
         { portForward.status === "Active" && (
-          <MenuItem onClick={() => openPortForward(portForward)}>
+          <MenuItem onClick={() => this.props.openPortForward(portForward)}>
             <Icon
               material="open_in_browser"
               interactive={toolbar}
-              tooltip="Open in browser" 
+              tooltip="Open in browser"
             />
             <span className="title">Open</span>
           </MenuItem>
@@ -107,7 +109,7 @@ class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependenci
           <Icon
             material="edit"
             tooltip="Change port or protocol"
-            interactive={toolbar} 
+            interactive={toolbar}
           />
           <span className="title">Edit</span>
         </MenuItem>
@@ -121,6 +123,7 @@ class NonInjectedPortForwardMenu<Props extends PortForwardMenuProps & Dependenci
 
     return (
       <MenuActions
+        id={`menu-actions-for-port-forward-menu-for-${this.props.portForward.getId()}`}
         {...menuProps}
         className={cssNames("PortForwardMenu", className)}
         removeAction={this.remove}
@@ -138,6 +141,7 @@ export const PortForwardMenu = withInjectables<Dependencies, PortForwardMenuProp
     getProps: (di, props) => ({
       portForwardStore: di.inject(portForwardStoreInjectable),
       openPortForwardDialog: di.inject(portForwardDialogModelInjectable).open,
+      openPortForward: di.inject(openPortForwardInjectable),
       ...props,
     }),
   },
diff --git a/src/renderer/components/+network-services/service-port-component.tsx b/src/renderer/components/+network-services/service-port-component.tsx
index e151a32382..79aeff7ec5 100644
--- a/src/renderer/components/+network-services/service-port-component.tsx
+++ b/src/renderer/components/+network-services/service-port-component.tsx
@@ -13,7 +13,7 @@ import { cssNames } from "../../utils";
 import { Notifications } from "../notifications";
 import { Button } from "../button";
 import type { ForwardedPort, PortForwardStore } from "../../port-forward";
-import { openPortForward, predictProtocol } from "../../port-forward";
+import { predictProtocol } from "../../port-forward";
 import { Spinner } from "../spinner";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
@@ -21,6 +21,8 @@ import portForwardDialogModelInjectable from "../../port-forward/port-forward-di
 import logger from "../../../common/logger";
 import aboutPortForwardingInjectable from "../../port-forward/about-port-forwarding.injectable";
 import notifyErrorPortForwardingInjectable from "../../port-forward/notify-error-port-forwarding.injectable";
+import type { OpenPortForward } from "../../port-forward/open-port-forward.injectable";
+import openPortForwardInjectable from "../../port-forward/open-port-forward.injectable";
 
 export interface ServicePortComponentProps {
   service: Service;
@@ -32,6 +34,7 @@ interface Dependencies {
   openPortForwardDialog: (item: ForwardedPort, options: { openInBrowser: boolean; onClose: () => void }) => void;
   aboutPortForwarding: () => void;
   notifyErrorPortForwarding: (message: string) => void;
+  openPortForward: OpenPortForward;
 }
 
 @observer
@@ -88,7 +91,7 @@ class NonInjectedServicePortComponent extends React.Component<ServicePortCompone
 
   @action
   async portForward() {
-    const { service, port } = this.props;
+    const { service, port, openPortForward } = this.props;
     let portForward: ForwardedPort = {
       kind: "service",
       name: service.getName(),
@@ -180,7 +183,7 @@ class NonInjectedServicePortComponent extends React.Component<ServicePortCompone
         <span title="Open in a browser" onClick={() => this.portForward()}>
           {port.toString()}
         </span>
-        <Button primary onClick={portForwardAction}> 
+        <Button primary onClick={portForwardAction}>
           {" "}
           {this.isPortForwarded ? (this.isActive ? "Stop/Remove" : "Remove") : "Forward..."}
           {" "}
@@ -202,6 +205,7 @@ export const ServicePortComponent = withInjectables<Dependencies, ServicePortCom
       openPortForwardDialog: di.inject(portForwardDialogModelInjectable).open,
       aboutPortForwarding: di.inject(aboutPortForwardingInjectable),
       notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+      openPortForward: di.inject(openPortForwardInjectable),
       ...props,
     }),
   },
diff --git a/src/renderer/components/+nodes/node-charts.tsx b/src/renderer/components/+nodes/node-charts.tsx
index 2214721a33..36ec85227e 100644
--- a/src/renderer/components/+nodes/node-charts.tsx
+++ b/src/renderer/components/+nodes/node-charts.tsx
@@ -12,18 +12,19 @@ import { ResourceMetricsContext } from "../resource-metrics";
 import { observer } from "mobx-react";
 import { mapValues } from "lodash";
 import { type MetricsTab, metricTabOptions } from "../chart/options";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export interface NodeChartsProps {}
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 const NonInjectedNodeCharts = observer(({
-  themeStore,
+  activeTheme,
 }: Dependencies & NodeChartsProps) => {
   const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
 
@@ -31,7 +32,7 @@ const NonInjectedNodeCharts = observer(({
   if (isMetricsEmpty(metrics)) return <NoMetrics/>;
 
   const id = object.getId();
-  const { chartCapacityColor } = themeStore.activeTheme.colors;
+  const { chartCapacityColor } = activeTheme.get().colors;
   const {
     memoryUsage,
     workloadMemoryUsage,
@@ -162,6 +163,6 @@ const NonInjectedNodeCharts = observer(({
 export const NodeCharts = withInjectables<Dependencies, NodeChartsProps>(NonInjectedNodeCharts, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
diff --git a/src/renderer/components/+nodes/nodes.scss b/src/renderer/components/+nodes/nodes.scss
index bace3aa726..74adf66e3d 100644
--- a/src/renderer/components/+nodes/nodes.scss
+++ b/src/renderer/components/+nodes/nodes.scss
@@ -49,7 +49,6 @@
 
     &.conditions {
       flex: 1.7;
-      text-align: right;
 
       .condition {
         display: inline-block;
diff --git a/src/renderer/components/+preferences/app-preference-tab/app-preference-tab-registration.ts b/src/renderer/components/+preferences/app-preference-tab/app-preference-tab-registration.ts
index 2fed65d79e..d987e18b96 100644
--- a/src/renderer/components/+preferences/app-preference-tab/app-preference-tab-registration.ts
+++ b/src/renderer/components/+preferences/app-preference-tab/app-preference-tab-registration.ts
@@ -3,9 +3,12 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+import type { IComputedValue } from "mobx";
+
 export interface AppPreferenceTabRegistration {
   title: string;
   id: string;
   orderNumber?: number;
+  visible?: IComputedValue<boolean>;
 }
 
diff --git a/src/renderer/components/+preferences/extension-preference-model.injectable.ts b/src/renderer/components/+preferences/extension-preference-model.injectable.ts
index 5e4fd06de0..ee87b5dcdf 100644
--- a/src/renderer/components/+preferences/extension-preference-model.injectable.ts
+++ b/src/renderer/components/+preferences/extension-preference-model.injectable.ts
@@ -16,14 +16,17 @@ const extensionPreferencesModelInjectable = getInjectable({
     const route = di.inject(extensionPreferencesRouteInjectable);
     const pathParameters = di.inject(routePathParametersInjectable, route);
     const extensions = di.inject(rendererExtensionsInjectable);
-      
+
     return computed(() => {
       const { extensionId, tabId } = pathParameters.get();
       const targetExtension = extensions.get().find((extension) => extension.sanitizedExtensionId === extensionId);
-      
+      const targetAppTab = targetExtension?.appPreferenceTabs.find(tab => tab.id === tabId);
+      const preferencePageTitle = targetAppTab?.title || `${targetExtension?.manifest.name || "Extension"} preferences`;
+
       return {
         extensionName: targetExtension?.manifest.name,
         preferenceItems: getExtensionPreferenceItems(targetExtension, tabId),
+        preferencePageTitle,
       };
     });
   },
diff --git a/src/renderer/components/+preferences/extensions.tsx b/src/renderer/components/+preferences/extensions.tsx
index 94b56a2716..3b7fe7f343 100644
--- a/src/renderer/components/+preferences/extensions.tsx
+++ b/src/renderer/components/+preferences/extensions.tsx
@@ -16,19 +16,18 @@ interface Dependencies {
   model: IComputedValue<{
     preferenceItems: RegisteredAppPreference[];
     extensionName?: string;
+    preferencePageTitle?: string;
   }>;
 }
 
 const NonInjectedExtensions = ({ model }: Dependencies) => {
-  const { extensionName, preferenceItems } = model.get();
+  const { extensionName, preferenceItems, preferencePageTitle } = model.get();
 
   return (
     <Preferences data-testid="extension-preferences-page">
       <section id="extensions">
-        <h2>
-          {extensionName}
-          {" "}
-          preferences
+        <h2 data-testid="extension-preferences-page-title">
+          {preferencePageTitle}
         </h2>
         {!extensionName && (
           <div
diff --git a/src/renderer/components/+preferences/preferences-navigation/__tests__/preferences-navigation.test.tsx b/src/renderer/components/+preferences/preferences-navigation/__tests__/preferences-navigation.test.tsx
index 0d4547ae6a..81244bcd24 100644
--- a/src/renderer/components/+preferences/preferences-navigation/__tests__/preferences-navigation.test.tsx
+++ b/src/renderer/components/+preferences/preferences-navigation/__tests__/preferences-navigation.test.tsx
@@ -13,10 +13,10 @@ import type { PreferenceNavigationItem } from "../preference-navigation-items.in
 import preferenceNavigationItemsInjectable from "../preference-navigation-items.injectable";
 
 describe.only("preferences - navigation block with links", () => {
-  let applicationBuilder: ApplicationBuilder;
+  let builder: ApplicationBuilder;
 
   beforeEach(() => {
-    applicationBuilder = getApplicationBuilder();
+    builder = getApplicationBuilder();
   });
 
   describe("given in preferences, when rendered", () => {
@@ -24,17 +24,15 @@ describe.only("preferences - navigation block with links", () => {
 
     describe("when general navigation items passed", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-          rendererDi.override(preferenceNavigationItemsInjectable, () =>
+        builder.beforeWindowStart((windowDi) => {
+          windowDi.override(preferenceNavigationItemsInjectable, () =>
             computed(() => generalNavItems),
           );
+
+          builder.preferences.navigate();
         });
 
-        applicationBuilder.beforeRender(() => {
-          applicationBuilder.preferences.navigate();
-        });
-
-        renderer = await applicationBuilder.render();
+        renderer = await builder.render();
       });
 
       const links = ["General", "Proxy"];
@@ -52,17 +50,15 @@ describe.only("preferences - navigation block with links", () => {
 
     describe("when general + extension navigation items passed", () => {
       beforeEach(async () => {
-        applicationBuilder.beforeApplicationStart(({ rendererDi }) => {
-          rendererDi.override(preferenceNavigationItemsInjectable, () =>
+        builder.beforeWindowStart((windowDi) => {
+          windowDi.override(preferenceNavigationItemsInjectable, () =>
             computed(() => [...generalNavItems, ...extensionNavItems]),
           );
+
+          builder.preferences.navigate();
         });
 
-        applicationBuilder.beforeRender(() => {
-          applicationBuilder.preferences.navigate();
-        });
-
-        renderer = await applicationBuilder.render();
+        renderer = await builder.render();
       });
 
       const generalLinks = ["General", "Proxy"];
diff --git a/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts b/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts
index 8cd0c4895b..3fb2062ecf 100644
--- a/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts
+++ b/src/renderer/components/+preferences/preferences-navigation/extension-tab-preferences-navigation-item.injectable.ts
@@ -46,7 +46,15 @@ const extensionSpecificTabNavigationItemRegistratorInjectable = getInjectable({
               parent: "general",
               orderNumber: tab.orderNumber || 100,
               navigate: () => navigateToExtensionPreferences(extension.sanitizedExtensionId, tab.id),
-              isVisible: computed(() => true),
+
+              isVisible: computed(() => {
+                if (!tab.visible) {
+                  return true;
+                }
+
+                return tab.visible.get();
+              }),
+
               isActive,
             }),
           });
diff --git a/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx b/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx
index 3e3af50bb6..044bb3399d 100644
--- a/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx
+++ b/src/renderer/components/+storage-volume-claims/volume-claim-disk-chart.tsx
@@ -10,18 +10,19 @@ import { BarChart, memoryOptions } from "../chart";
 import { isMetricsEmpty, normalizeMetrics } from "../../../common/k8s-api/endpoints/metrics.api";
 import { NoMetrics } from "../resource-metrics/no-metrics";
 import { ResourceMetricsContext } from "../resource-metrics";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export interface VolumeClaimDiskChartProps {}
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 const NonInjectedVolumeClaimDiskChart = observer(({
-  themeStore,
+  activeTheme,
 }: Dependencies & VolumeClaimDiskChartProps) => {
   const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
 
@@ -29,7 +30,7 @@ const NonInjectedVolumeClaimDiskChart = observer(({
   if (isMetricsEmpty(metrics)) return <NoMetrics/>;
 
   const id = object.getId();
-  const { chartCapacityColor } = themeStore.activeTheme.colors;
+  const { chartCapacityColor } = activeTheme.get().colors;
   const { diskUsage, diskCapacity } = metrics;
   const usage = normalizeMetrics(diskUsage).data.result[0].values;
   const capacity = normalizeMetrics(diskCapacity).data.result[0].values;
@@ -65,6 +66,6 @@ const NonInjectedVolumeClaimDiskChart = observer(({
 export const VolumeClaimDiskChart = withInjectables<Dependencies, VolumeClaimDiskChartProps>(NonInjectedVolumeClaimDiskChart, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
diff --git a/src/renderer/components/+welcome/welcome.tsx b/src/renderer/components/+welcome/welcome.tsx
index 20bcaf04a6..4be617ae73 100644
--- a/src/renderer/components/+welcome/welcome.tsx
+++ b/src/renderer/components/+welcome/welcome.tsx
@@ -74,7 +74,7 @@ const NonInjectedWelcome = observer(({ welcomeMenuItems, welcomeBannerItems }: D
             data-testid="welcome-text-container"
           >
             <h2>
-              {`Welcome to ${productName} 5!`}
+              {`Welcome to ${productName}!`}
             </h2>
 
             <p>
diff --git a/src/renderer/components/+workloads-cronjobs/cron-job-trigger-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/+workloads-cronjobs/cron-job-trigger-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..0ab5c66241
--- /dev/null
+++ b/src/renderer/components/+workloads-cronjobs/cron-job-trigger-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { CronJobTriggerDialog } from "./cronjob-trigger-dialog";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const cronJobTriggerDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "cron-job-trigger-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "cron-job-trigger-dialog",
+    shouldRender: computed(() => true),
+    Component: CronJobTriggerDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default cronJobTriggerDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/+workloads-deployments/scale/deployment-scale-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/+workloads-deployments/scale/deployment-scale-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..712b5d4321
--- /dev/null
+++ b/src/renderer/components/+workloads-deployments/scale/deployment-scale-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { DeploymentScaleDialog } from "./dialog";
+import { clusterFrameChildComponentInjectionToken } from "../../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const deploymentScaleDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "deployment-scale-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "deployment-scale-dialog",
+    shouldRender: computed(() => true),
+    Component: DeploymentScaleDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default deploymentScaleDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx b/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx
index 99c1e8e8e9..b7f6ba99cb 100644
--- a/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx
+++ b/src/renderer/components/+workloads-deployments/scale/dialog.test.tsx
@@ -47,8 +47,8 @@ const dummyDeployment = new Deployment({
             },
           },
           terminationMessagePath: "dummy",
-          terminationMessagePolicy: "dummy",
-          imagePullPolicy: "dummy",
+          terminationMessagePolicy: "File",
+          imagePullPolicy: "Always",
         }],
         restartPolicy: "dummy",
         terminationGracePeriodSeconds: 10,
diff --git a/src/renderer/components/+workloads-jobs/job-details.tsx b/src/renderer/components/+workloads-jobs/job-details.tsx
index 81ca2ba8d2..24e6f9487e 100644
--- a/src/renderer/components/+workloads-jobs/job-details.tsx
+++ b/src/renderer/components/+workloads-jobs/job-details.tsx
@@ -11,7 +11,6 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { DrawerItem } from "../drawer";
 import { Badge } from "../badge";
 import { PodDetailsStatuses } from "../+workloads-pods/pod-details-statuses";
-import { Link } from "react-router-dom";
 import { PodDetailsTolerations } from "../+workloads-pods/pod-details-tolerations";
 import { PodDetailsAffinities } from "../+workloads-pods/pod-details-affinities";
 import type { JobStore } from "./store";
@@ -23,7 +22,6 @@ import { makeObservable, observable, reaction } from "mobx";
 import { podMetricTabs, PodCharts } from "../+workloads-pods/pod-charts";
 import { ClusterMetricsResourceType } from "../../../common/cluster-types";
 import { ResourceMetrics } from "../resource-metrics";
-import type { ApiManager } from "../../../common/k8s-api/api-manager";
 import logger from "../../../common/logger";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
@@ -32,9 +30,6 @@ import type { PodStore } from "../+workloads-pods/store";
 import podStoreInjectable from "../+workloads-pods/store.injectable";
 import jobStoreInjectable from "./store.injectable";
 import type { GetActiveClusterEntity } from "../../api/catalog/entity/get-active-cluster-entity.injectable";
-import type { GetDetailsUrl } from "../kube-detail-params/get-details-url.injectable";
-import getDetailsUrlInjectable from "../kube-detail-params/get-details-url.injectable";
-import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
 import getActiveClusterEntityInjectable from "../../api/catalog/entity/get-active-cluster-entity.injectable";
 
 export interface JobDetailsProps extends KubeObjectDetailsProps<Job> {
@@ -45,8 +40,6 @@ interface Dependencies {
   podStore: PodStore;
   jobStore: JobStore;
   getActiveClusterEntity: GetActiveClusterEntity;
-  getDetailsUrl: GetDetailsUrl;
-  apiManager: ApiManager;
 }
 
 @observer
@@ -76,7 +69,7 @@ class NonInjectedJobDetails extends React.Component<JobDetailsProps & Dependenci
   };
 
   render() {
-    const { object: job, jobStore, getActiveClusterEntity, getDetailsUrl, apiManager } = this.props;
+    const { object: job, jobStore, getActiveClusterEntity } = this.props;
 
     if (!job) {
       return null;
@@ -92,7 +85,6 @@ class NonInjectedJobDetails extends React.Component<JobDetailsProps & Dependenci
     const nodeSelector = job.getNodeSelectors();
     const images = job.getImages();
     const childPods = jobStore.getChildPods(job);
-    const ownerRefs = job.getOwnerRefs();
     const condition = job.getCondition();
     const isMetricHidden = getActiveClusterEntity()?.isMetricHidden(ClusterMetricsResourceType.Job);
 
@@ -130,24 +122,6 @@ class NonInjectedJobDetails extends React.Component<JobDetailsProps & Dependenci
             }
           </DrawerItem>
         )}
-        {ownerRefs.length > 0 && (
-          <DrawerItem name="Controlled by">
-            {
-              ownerRefs.map(ref => {
-                const { name, kind } = ref;
-                const detailsUrl = getDetailsUrl(apiManager.lookupApiLink(ref, job));
-
-                return (
-                  <p key={name}>
-                    {kind}
-                    {" "}
-                    <Link to={detailsUrl}>{name}</Link>
-                  </p>
-                );
-              })
-            }
-          </DrawerItem>
-        )}
         <DrawerItem
           name="Conditions"
           className="conditions"
@@ -184,8 +158,6 @@ export const JobDetails = withInjectables<Dependencies, JobDetailsProps>(NonInje
     subscribeStores: di.inject(subscribeStoresInjectable),
     podStore: di.inject(podStoreInjectable),
     jobStore: di.inject(jobStoreInjectable),
-    getDetailsUrl: di.inject(getDetailsUrlInjectable),
-    apiManager: di.inject(apiManagerInjectable),
     getActiveClusterEntity: di.inject(getActiveClusterEntityInjectable),
   }),
 });
diff --git a/src/renderer/components/+workloads-overview/detail-components.injectable.ts b/src/renderer/components/+workloads-overview/detail-components.injectable.ts
deleted file mode 100644
index cdb625a03c..0000000000
--- a/src/renderer/components/+workloads-overview/detail-components.injectable.ts
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { computed } from "mobx";
-import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
-import { OverviewStatuses } from "./overview-statuses";
-import { WorkloadEvents } from "../../initializers/workload-events";
-import { orderBy } from "lodash/fp";
-import type { WorkloadsOverviewDetailRegistration } from "./workloads-overview-detail-registration";
-
-const detailComponentsInjectable = getInjectable({
-  id: "workload-detail-components",
-
-  instantiate: (di) => {
-    const extensions = di.inject(rendererExtensionsInjectable);
-
-    return computed(() => {
-      const extensionRegistrations = extensions
-        .get()
-        .flatMap((extension) => extension.kubeWorkloadsOverviewItems);
-
-      const allRegistrations = [
-        ...coreRegistrations,
-        ...extensionRegistrations,
-      ];
-
-      return getRegistrationsInPriorityOrder(allRegistrations).map(
-        (item) => item.components.Details,
-      );
-    });
-  },
-});
-
-const coreRegistrations = [
-  {
-    components: {
-      Details: OverviewStatuses,
-    },
-  },
-  {
-    priority: 5,
-    components: {
-      Details: WorkloadEvents,
-    },
-  },
-];
-
-const toRegistrationWithDefaultPriority = ({
-  priority = 50,
-  ...rest
-}: WorkloadsOverviewDetailRegistration) => ({
-  priority,
-  ...rest,
-});
-
-const getRegistrationsInPriorityOrder = (
-  allRegistrations: WorkloadsOverviewDetailRegistration[],
-) =>
-  orderBy(
-    "priority",
-    "desc",
-
-    allRegistrations.map(toRegistrationWithDefaultPriority),
-  );
-
-export default detailComponentsInjectable;
diff --git a/src/renderer/components/+workloads-overview/overview-statuses.tsx b/src/renderer/components/+workloads-overview/overview-statuses.tsx
index 1a77288c46..2430409d30 100644
--- a/src/renderer/components/+workloads-overview/overview-statuses.tsx
+++ b/src/renderer/components/+workloads-overview/overview-statuses.tsx
@@ -31,7 +31,7 @@ const NonInjectedOverviewStatuses = observer(
               </a>
             </div>
 
-            <OverviewWorkloadStatus status={workload.status.get()} />
+            <OverviewWorkloadStatus workload={workload} />
           </div>
         ))}
       </div>
diff --git a/src/renderer/components/+workloads-overview/overview-workload-status.tsx b/src/renderer/components/+workloads-overview/overview-workload-status.tsx
index 52321d3af4..57422fe461 100644
--- a/src/renderer/components/+workloads-overview/overview-workload-status.tsx
+++ b/src/renderer/components/+workloads-overview/overview-workload-status.tsx
@@ -8,92 +8,101 @@ import "./overview-workload-status.scss";
 import React from "react";
 import capitalize from "lodash/capitalize";
 import { observer } from "mobx-react";
-import type { DatasetTooltipLabel, PieChartData } from "../chart";
+import type { PieChartData } from "../chart";
 import { PieChart } from "../chart";
-import { cssVar, object } from "../../utils";
-import type { ThemeStore } from "../../themes/store";
+import { object } from "../../utils";
+import type { LensTheme } from "../../themes/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import type { PascalCase } from "type-fest";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
+import type { Workload } from "./workloads/workload-injection-token";
+
+export type LowercaseOrPascalCase<T extends string> = Lowercase<T> | PascalCase<T>;
+
+export type WorkloadStatus = Partial<Record<LowercaseOrPascalCase<keyof typeof statusBackgroundColorMapping>, number>>;
+
+function toLowercase<T extends string>(src: T): Lowercase<T> {
+  return src.toLowerCase() as Lowercase<T>;
+}
 
 export interface OverviewWorkloadStatusProps {
-  status: Partial<Record<string, number>>;
+  workload: Workload;
 }
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
-@observer
-class NonInjectedOverviewWorkloadStatus extends React.Component<OverviewWorkloadStatusProps & Dependencies> {
-  private elem: HTMLElement | null = null;
+const statusBackgroundColorMapping = {
+  "running": "colorOk",
+  "scheduled": "colorOk",
+  "pending": "colorWarning",
+  "suspended": "colorWarning",
+  "evicted": "colorError",
+  "succeeded": "colorSuccess",
+  "failed": "colorError",
+  "terminated": "colorTerminated",
+  "terminating": "colorTerminated",
+  "unknown": "colorVague",
+  "complete": "colorSuccess",
+} as const;
 
-  renderChart() {
-    if (!this.elem) {
-      return null;
-    }
+const NonInjectedOverviewWorkloadStatus = observer((props: OverviewWorkloadStatusProps & Dependencies) => {
+  const {
+    workload,
+    activeTheme,
+  } = props;
 
-    const cssVars = cssVar(this.elem);
-    const chartData: Required<PieChartData> = {
-      labels: [],
-      datasets: [],
-    };
+  const statusesToBeShown = object.entries(workload.status.get()).filter(([, val]) => val > 0);
+  const theme = activeTheme.get();
 
-    const statuses = object.entries(this.props.status).filter(([, val]) => val > 0);
+  const emptyDataSet = {
+    data: [1],
+    backgroundColor: [theme.colors.pieChartDefaultColor],
+    label: "Empty",
+  };
+  const statusDataSet = {
+    label: "Status",
+    data: statusesToBeShown.map(([, value]) => value),
+    backgroundColor: statusesToBeShown.map(([status]) => (
+      theme.colors[statusBackgroundColorMapping[toLowercase(status)]]
+    )),
+    tooltipLabels: statusesToBeShown.map(([status]) => (
+      (percent: string) => `${capitalize(status)}: ${percent}`
+    )),
+  };
 
-    if (statuses.length === 0) {
-      chartData.datasets.push({
-        data: [1],
-        backgroundColor: [this.props.themeStore.activeTheme.colors.pieChartDefaultColor],
-        label: "Empty",
-      });
-    } else {
-      const data: number[] = [];
-      const backgroundColor: string[] = [];
-      const tooltipLabels: DatasetTooltipLabel[] = [];
+  const chartData: Required<PieChartData> = {
+    datasets: [statusesToBeShown.length > 0 ? statusDataSet : emptyDataSet],
 
-      for (const [status, value] of statuses) {
-        data.push(value);
-        backgroundColor.push(cssVars.get(`--workload-status-${status.toLowerCase()}`).toString());
-        tooltipLabels.push(percent => `${capitalize(status)}: ${percent}`);
-        chartData.labels.push(`${capitalize(status)}: ${value}`);
-      }
+    labels: statusesToBeShown.map(
+      ([status, value]) => `${capitalize(status)}: ${value}`,
+    ),
+  };
 
-      chartData.datasets.push({
-        data,
-        backgroundColor,
-        label: "Status",
-        tooltipLabels,
-      });
-    }
-
-    return (
-      <PieChart
-        data={chartData}
-        options={{
-          elements: {
-            arc: {
-              borderWidth: 0,
+  return (
+    <div className="OverviewWorkloadStatus">
+      <div className="flex column align-center box grow">
+        <PieChart
+          data={chartData}
+          options={{
+            elements: {
+              arc: {
+                borderWidth: 0,
+              },
             },
-          },
-        }}
-      />
-    );
-  }
-
-  render() {
-    return (
-      <div className="OverviewWorkloadStatus" ref={e => this.elem = e}>
-        <div className="flex column align-center box grow">
-          {this.renderChart()}
-        </div>
+          }}
+          data-testid={`workload-overview-status-chart-${workload.title.toLowerCase().replace(/\s+/, "-")}`}
+        />
       </div>
-    );
-  }
-}
+    </div>
+  );
+});
 
 export const OverviewWorkloadStatus = withInjectables<Dependencies, OverviewWorkloadStatusProps>(NonInjectedOverviewWorkloadStatus, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
diff --git a/src/renderer/components/+workloads-overview/overview.tsx b/src/renderer/components/+workloads-overview/overview.tsx
index 1d26ed8b67..83a2bf9e84 100644
--- a/src/renderer/components/+workloads-overview/overview.tsx
+++ b/src/renderer/components/+workloads-overview/overview.tsx
@@ -20,7 +20,7 @@ import { withInjectables } from "@ogre-tools/injectable-react";
 import clusterFrameContextInjectable from "../../cluster-frame-context/cluster-frame-context.injectable";
 import type { ClusterFrameContext } from "../../cluster-frame-context/cluster-frame-context";
 import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
-import detailComponentsInjectable from "./detail-components.injectable";
+import workloadOverviewDetailsInjectable from "./workload-overview-details/workload-overview-details.injectable";
 import { SiblingsInTabLayout } from "../layout/siblings-in-tab-layout";
 import type { PodStore } from "../+workloads-pods/store";
 import type { DaemonSetStore } from "../+workloads-daemonsets/store";
@@ -37,7 +37,7 @@ import type { EventStore } from "../+events/store";
 import eventStoreInjectable from "../+events/store.injectable";
 
 interface Dependencies {
-  detailComponents: IComputedValue<React.ComponentType<{}>[]>;
+  detailComponents: IComputedValue<React.ElementType<{}>[]>;
   clusterFrameContext: ClusterFrameContext;
   subscribeStores: SubscribeStores;
   podStore: PodStore;
@@ -104,7 +104,7 @@ class NonInjectedWorkloadsOverview extends React.Component<Dependencies> {
   render() {
     return (
       <SiblingsInTabLayout>
-        <div className="WorkloadsOverview flex column gaps">
+        <div className="WorkloadsOverview flex column gaps" data-testid="page-for-workloads-overview">
           <div className="header flex gaps align-center">
             <h5 className="box grow">Overview</h5>
             {this.renderLoadErrors()}
@@ -122,7 +122,7 @@ class NonInjectedWorkloadsOverview extends React.Component<Dependencies> {
 
 export const WorkloadsOverview = withInjectables<Dependencies>(NonInjectedWorkloadsOverview, {
   getProps: (di) => ({
-    detailComponents: di.inject(detailComponentsInjectable),
+    detailComponents: di.inject(workloadOverviewDetailsInjectable),
     clusterFrameContext: di.inject(clusterFrameContextInjectable),
     subscribeStores: di.inject(subscribeStoresInjectable),
     daemonSetStore: di.inject(daemonSetStoreInjectable),
diff --git a/src/renderer/components/+workloads-overview/workload-overview-details/implementations/overview-statuses.injectable.ts b/src/renderer/components/+workloads-overview/workload-overview-details/implementations/overview-statuses.injectable.ts
new file mode 100644
index 0000000000..e456bce595
--- /dev/null
+++ b/src/renderer/components/+workloads-overview/workload-overview-details/implementations/overview-statuses.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { workloadOverviewDetailInjectionToken } from "../workload-overview-detail-injection-token";
+import { OverviewStatuses } from "../../overview-statuses";
+import { computed } from "mobx";
+
+const overviewStatusesInjectable = getInjectable({
+  id: "overview-statuses",
+
+  instantiate: () => ({
+    Component: OverviewStatuses,
+    enabled: computed(() => true),
+    orderNumber: 50,
+  }),
+
+  injectionToken: workloadOverviewDetailInjectionToken,
+});
+
+export default overviewStatusesInjectable;
diff --git a/src/renderer/components/+workloads-overview/workload-overview-details/implementations/workload-events.injectable.ts b/src/renderer/components/+workloads-overview/workload-overview-details/implementations/workload-events.injectable.ts
new file mode 100644
index 0000000000..7c76d2b829
--- /dev/null
+++ b/src/renderer/components/+workloads-overview/workload-overview-details/implementations/workload-events.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { workloadOverviewDetailInjectionToken } from "../workload-overview-detail-injection-token";
+import { computed } from "mobx";
+import { WorkloadEvents } from "../../../../initializers/workload-events";
+
+const workloadEventsInjectable = getInjectable({
+  id: "workload-events",
+
+  instantiate: () => ({
+    Component: WorkloadEvents,
+    enabled: computed(() => true),
+    orderNumber: 300,
+  }),
+
+  injectionToken: workloadOverviewDetailInjectionToken,
+});
+
+export default workloadEventsInjectable;
diff --git a/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-injection-token.ts b/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-injection-token.ts
new file mode 100644
index 0000000000..746b815fd2
--- /dev/null
+++ b/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-injection-token.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import type React from "react";
+
+interface WorkloadOverviewDetail {
+  orderNumber: number;
+  Component: React.ElementType<{}>;
+  enabled: IComputedValue<boolean>;
+}
+
+export const workloadOverviewDetailInjectionToken =
+  getInjectionToken<WorkloadOverviewDetail>({
+    id: "workload-overview-detail-injection-token",
+  });
diff --git a/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-registrator.injectable.ts b/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-registrator.injectable.ts
new file mode 100644
index 0000000000..e82b1f43e5
--- /dev/null
+++ b/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-detail-registrator.injectable.ts
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import getRandomIdInjectable from "../../../../common/utils/get-random-id.injectable";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { workloadOverviewDetailInjectionToken } from "./workload-overview-detail-injection-token";
+import { extensionRegistratorInjectionToken } from "../../../../extensions/extension-loader/extension-registrator-injection-token";
+
+const workloadOverviewDetailRegistratorInjectable = getInjectable({
+  id: "workload-overview-detail-registrator",
+
+  instantiate: (di) => {
+    const getRandomId = di.inject(getRandomIdInjectable);
+
+    const getExtensionShouldBeEnabledForClusterFrame = (
+      extension: LensRendererExtension,
+    ) =>
+      di.inject(extensionShouldBeEnabledForClusterFrameInjectable, extension);
+
+    return (ext) => {
+      const extension = ext as LensRendererExtension;
+
+      const extensionShouldBeEnabledForClusterFrame =
+        getExtensionShouldBeEnabledForClusterFrame(extension);
+
+      return extension.kubeWorkloadsOverviewItems.map((registration) => {
+        const id = `workload-overview-detail-from-${
+          extension.sanitizedExtensionId
+        }-${getRandomId()}`;
+
+        return getInjectable({
+          id,
+
+          instantiate: () => ({
+            Component: registration.components.Details,
+
+            enabled: computed(() => {
+              if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
+                return false;
+              }
+
+              return registration.visible ? registration.visible.get() : true;
+            }),
+
+            orderNumber:
+              0.5 + (registration.priority ? 100 - registration.priority : 50),
+          }),
+
+          injectionToken: workloadOverviewDetailInjectionToken,
+        });
+      });
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default workloadOverviewDetailRegistratorInjectable;
diff --git a/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-details.injectable.ts b/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-details.injectable.ts
new file mode 100644
index 0000000000..205dddec0a
--- /dev/null
+++ b/src/renderer/components/+workloads-overview/workload-overview-details/workload-overview-details.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { filter, map, sortBy } from "lodash/fp";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { workloadOverviewDetailInjectionToken } from "./workload-overview-detail-injection-token";
+import { pipeline } from "@ogre-tools/fp";
+
+const workloadOverviewDetailsInjectable = getInjectable({
+  id: "workload-overview-details",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const details = computedInjectMany(workloadOverviewDetailInjectionToken);
+
+    return computed(() =>
+      pipeline(
+        details.get(),
+        filter((detail) => detail.enabled.get()),
+        sortBy((detail) => detail.orderNumber),
+        map((detail) => detail.Component),
+      ),
+    );
+  },
+});
+
+export default workloadOverviewDetailsInjectable;
diff --git a/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.ts b/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.ts
index 19e59494da..ab23619b95 100644
--- a/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.ts
+++ b/src/renderer/components/+workloads-overview/workloads-overview-detail-registration.ts
@@ -1,3 +1,9 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { IComputedValue } from "mobx";
+
 /**
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
@@ -9,4 +15,5 @@ interface WorkloadsOverviewDetailComponents {
 export interface WorkloadsOverviewDetailRegistration {
   components: WorkloadsOverviewDetailComponents;
   priority?: number;
+  visible?: IComputedValue<boolean>;
 }
diff --git a/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts b/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts
index 48c4caf1f5..b4e22d64ba 100644
--- a/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts
+++ b/src/renderer/components/+workloads-overview/workloads/implementations/cron-jobs-workload.injectable.ts
@@ -5,7 +5,7 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { workloadInjectionToken } from "../workload-injection-token";
 import { ResourceNames } from "../../../../utils/rbac";
-import navigateToPodsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
+import navigateToCronJobsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/cron-jobs/navigate-to-cron-jobs.injectable";
 import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
 import cronJobsStoreInjectable from "../../../+workloads-cronjobs/store.injectable";
 import { computed } from "mobx";
@@ -14,7 +14,7 @@ const cronJobsWorkloadInjectable = getInjectable({
   id: "cron-jobs-workload",
 
   instantiate: (di) => {
-    const navigate = di.inject(navigateToPodsInjectable);
+    const navigate = di.inject(navigateToCronJobsInjectable);
     const namespaceStore = di.inject(namespaceStoreInjectable);
     const store = di.inject(cronJobsStoreInjectable);
 
diff --git a/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.injectable.ts b/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.injectable.ts
index 5dd9ef4375..6102e70b19 100644
--- a/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.injectable.ts
+++ b/src/renderer/components/+workloads-overview/workloads/implementations/replicasets-workload.injectable.ts
@@ -5,16 +5,16 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { workloadInjectionToken } from "../workload-injection-token";
 import { ResourceNames } from "../../../../utils/rbac";
-import navigateToPodsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
 import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
 import replicasetsStoreInjectable from "../../../+workloads-replicasets/store.injectable";
 import { computed } from "mobx";
+import navigateToReplicasetsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/replicasets/navigate-to-replicasets.injectable";
 
 const replicasetsWorkloadInjectable = getInjectable({
   id: "replicasets-workload",
 
   instantiate: (di) => {
-    const navigate = di.inject(navigateToPodsInjectable);
+    const navigate = di.inject(navigateToReplicasetsInjectable);
     const namespaceStore = di.inject(namespaceStoreInjectable);
     const store = di.inject(replicasetsStoreInjectable);
 
diff --git a/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.injectable.ts b/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.injectable.ts
index b1606ab817..8a12f3c0af 100644
--- a/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.injectable.ts
+++ b/src/renderer/components/+workloads-overview/workloads/implementations/statefulsets-workload.injectable.ts
@@ -5,16 +5,16 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { workloadInjectionToken } from "../workload-injection-token";
 import { ResourceNames } from "../../../../utils/rbac";
-import navigateToPodsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
 import namespaceStoreInjectable from "../../../+namespaces/store.injectable";
 import statefulsetsStoreInjectable from "../../../+workloads-statefulsets/store.injectable";
 import { computed } from "mobx";
+import navigateToStatefulsetsInjectable from "../../../../../common/front-end-routing/routes/cluster/workloads/statefulsets/navigate-to-statefulsets.injectable";
 
 const statefulsetsWorkloadInjectable = getInjectable({
   id: "statefulsets-workload",
 
   instantiate: (di) => {
-    const navigate = di.inject(navigateToPodsInjectable);
+    const navigate = di.inject(navigateToStatefulsetsInjectable);
     const namespaceStore = di.inject(namespaceStoreInjectable);
     const store = di.inject(statefulsetsStoreInjectable);
 
diff --git a/src/renderer/components/+workloads-overview/workloads/workload-injection-token.ts b/src/renderer/components/+workloads-overview/workloads/workload-injection-token.ts
index 6453efe59b..decb5a1f7c 100644
--- a/src/renderer/components/+workloads-overview/workloads/workload-injection-token.ts
+++ b/src/renderer/components/+workloads-overview/workloads/workload-injection-token.ts
@@ -4,12 +4,13 @@
  */
 import { getInjectionToken } from "@ogre-tools/injectable";
 import type { IComputedValue } from "mobx";
+import type { WorkloadStatus } from "../overview-workload-status";
 
 export interface Workload {
   resourceName: string;
   open: () => void;
   amountOfItems: IComputedValue<number>;
-  status: IComputedValue<Partial<Record<string, number>>>;
+  status: IComputedValue<WorkloadStatus>;
   title: string;
   orderNumber: number;
 }
diff --git a/src/renderer/components/+workloads-pods/container-charts.tsx b/src/renderer/components/+workloads-pods/container-charts.tsx
index e9d39ebbdf..718f05420c 100644
--- a/src/renderer/components/+workloads-pods/container-charts.tsx
+++ b/src/renderer/components/+workloads-pods/container-charts.tsx
@@ -10,27 +10,28 @@ import { BarChart } from "../chart";
 import { isMetricsEmpty, normalizeMetrics } from "../../../common/k8s-api/endpoints/metrics.api";
 import { NoMetrics } from "../resource-metrics/no-metrics";
 import { ResourceMetricsContext } from "../resource-metrics";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { mapValues } from "lodash";
 import { type MetricsTab, metricTabOptions } from "../chart/options";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import activeThemeInjectable from "../../themes/active.injectable";
+import type { IComputedValue } from "mobx";
 
 export interface ContainerChartsProps {}
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 const NonInjectedContainerCharts = observer(({
-  themeStore,
+  activeTheme,
 }: Dependencies & ContainerChartsProps) => {
   const { metrics, tab, object } = useContext(ResourceMetricsContext) ?? {};
 
   if (!metrics || !object || !tab) return null;
   if (isMetricsEmpty(metrics)) return <NoMetrics/>;
 
-  const { chartCapacityColor } = themeStore.activeTheme.colors;
+  const { chartCapacityColor } = activeTheme.get().colors;
   const {
     cpuUsage,
     cpuRequests,
@@ -127,6 +128,6 @@ const NonInjectedContainerCharts = observer(({
 export const ContainerCharts = withInjectables<Dependencies, ContainerChartsProps>(NonInjectedContainerCharts, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
diff --git a/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.tsx b/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.tsx
index 16d8597c54..afdb08b380 100644
--- a/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.tsx
+++ b/src/renderer/components/+workloads-pods/details/volumes/variants/flex-volume.tsx
@@ -28,7 +28,7 @@ export const FlexVolume: VolumeVariantComponent<"flexVolume"> = (
         {readOnly.toString()}
       </DrawerItem>
       {
-        ...Object.entries(options)
+        Object.entries(options)
           .map(([key, value]) => (
             <DrawerItem key={key} name={`Option: ${key}`}>
               {value}
diff --git a/src/renderer/components/+workloads-pods/pod-container-env.tsx b/src/renderer/components/+workloads-pods/pod-container-env.tsx
index 384ea3dd7e..494c4464d4 100644
--- a/src/renderer/components/+workloads-pods/pod-container-env.tsx
+++ b/src/renderer/components/+workloads-pods/pod-container-env.tsx
@@ -7,26 +7,39 @@ import "./pod-container-env.scss";
 
 import React, { useEffect, useState } from "react";
 import { observer } from "mobx-react";
-import type { PodContainer, Secret } from "../../../common/k8s-api/endpoints";
+import type { Container, EnvVarKeySelector, Secret } from "../../../common/k8s-api/endpoints";
 import { DrawerItem } from "../drawer";
 import { autorun } from "mobx";
-import { secretStore } from "../+config-secrets/legacy-store";
-import { configMapStore } from "../+config-maps/legacy-store";
 import { Icon } from "../icon";
-import { base64, cssNames, iter } from "../../utils";
+import { base64, cssNames, object } from "../../utils";
 import _ from "lodash";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { ConfigMapStore } from "../+config-maps/store";
+import type { SecretStore } from "../+config-secrets/store";
+import configMapStoreInjectable from "../+config-maps/store.injectable";
+import secretStoreInjectable from "../+config-secrets/store.injectable";
 
 export interface ContainerEnvironmentProps {
-  container: PodContainer;
+  container: Container;
   namespace: string;
 }
 
-export const ContainerEnvironment = observer((props: ContainerEnvironmentProps) => {
-  const { container: { env, envFrom = [] }, namespace } = props;
+interface Dependencies {
+  configMapStore: ConfigMapStore;
+  secretStore: SecretStore;
+}
+
+const NonInjectedContainerEnvironment = observer((props: Dependencies & ContainerEnvironmentProps) => {
+  const {
+    container: { env, envFrom = [] },
+    namespace,
+    configMapStore,
+    secretStore,
+  } = props;
 
   useEffect( () => autorun(() => {
     for (const { valueFrom } of env ?? []) {
-      if (valueFrom?.configMapKeyRef) {
+      if (valueFrom?.configMapKeyRef?.name) {
         configMapStore.load({ name: valueFrom.configMapKeyRef.name, namespace });
       }
     }
@@ -51,27 +64,22 @@ export const ContainerEnvironment = observer((props: ContainerEnvironmentProps)
 
       if (value) {
         secretValue = value;
-      }
-
-      if (valueFrom) {
+      } else if (valueFrom) {
         const { fieldRef, secretKeyRef, configMapKeyRef } = valueFrom;
 
         if (fieldRef) {
           const { apiVersion, fieldPath } = fieldRef;
 
           secretValue = `fieldRef(${apiVersion}:${fieldPath})`;
-        }
-
-        if (secretKeyRef) {
+        } else if (secretKeyRef?.name) {
           secretValue = (
             <SecretKey
               reference={secretKeyRef}
               namespace={namespace}
+              secretStore={secretStore}
             />
           );
-        }
-
-        if (configMapKeyRef) {
+        } else if (configMapKeyRef?.name) {
           const { name, key } = configMapKeyRef;
           const configMap = configMapStore.getByName(name, namespace);
 
@@ -91,60 +99,61 @@ export const ContainerEnvironment = observer((props: ContainerEnvironmentProps)
     });
   };
 
-  const renderEnvFrom = () => {
-    return Array.from(iter.filterFlatMap(envFrom, vars => {
-      if (vars.configMapRef?.name) {
-        return renderEnvFromConfigMap(vars.configMapRef.name);
-      }
+  const renderEnvFrom = () => (
+    envFrom
+      .flatMap(({ configMapRef, secretRef, prefix }) => {
+        if (configMapRef?.name) {
+          return renderEnvFromConfigMap(configMapRef.name, prefix);
+        }
 
-      if (vars.secretRef?.name) {
-        return renderEnvFromSecret(vars.secretRef.name);
-      }
+        if (secretRef?.name) {
+          return renderEnvFromSecret(secretRef.name, prefix);
+        }
 
-      return null;
-    }));
-  };
+        return null;
+      })
+  );
 
-  const renderEnvFromConfigMap = (configMapName: string) => {
+  const renderEnvFromConfigMap = (configMapName: string, prefix: string | undefined) => {
     const configMap = configMapStore.getByName(configMapName, namespace);
 
     if (!configMap) return null;
 
-    return Object.entries(configMap.data).map(([name, value]) => (
-      <div className="variable" key={name}>
-        <span className="var-name">{name}</span>
-        :
-        {value}
-      </div>
-    ));
+    return object.entries(configMap.data)
+      .map(([name, value]) => (
+        <div className="variable" key={name}>
+          <span className="var-name">
+            {prefix}
+            {name}
+          </span>
+          :
+          {value}
+        </div>
+      ));
   };
 
-  const renderEnvFromSecret = (secretName: string) => {
+  const renderEnvFromSecret = (secretName: string, prefix: string | undefined) => {
     const secret = secretStore.getByName(secretName, namespace);
 
     if (!secret) return null;
 
-    return Object.keys(secret.data).map(key => {
-      const secretKeyRef = {
-        name: secret.getName(),
-        key,
-      };
-
-      const value = (
-        <SecretKey
-          reference={secretKeyRef}
-          namespace={namespace}
-        />
-      );
-
-      return (
+    return Object.keys(secret.data)
+      .map(key => (
         <div className="variable" key={key}>
-          <span className="var-name">{key}</span>
+          <span className="var-name">
+            {prefix}
+            {key}
+          </span>
           :
-          {value}
+          <SecretKey
+            reference={{
+              name: secret.getName(),
+              key,
+            }}
+            namespace={namespace}
+            secretStore={secretStore} />
         </div>
-      );
-    });
+      ));
   };
 
   return (
@@ -155,19 +164,34 @@ export const ContainerEnvironment = observer((props: ContainerEnvironmentProps)
   );
 });
 
-export interface SecretKeyProps {
-  reference: {
-    name: string;
-    key: string;
-  };
+export const ContainerEnvironment = withInjectables<Dependencies, ContainerEnvironmentProps>(NonInjectedContainerEnvironment, {
+  getProps: (di, props) => ({
+    ...props,
+    configMapStore: di.inject(configMapStoreInjectable),
+    secretStore: di.inject(secretStoreInjectable),
+  }),
+});
+
+interface SecretKeyProps {
+  reference: EnvVarKeySelector;
   namespace: string;
+  secretStore: SecretStore;
 }
 
 const SecretKey = (props: SecretKeyProps) => {
-  const { reference: { name, key }, namespace } = props;
+  const {
+    reference: { name, key },
+    namespace,
+    secretStore,
+  } = props;
+
   const [loading, setLoading] = useState(false);
   const [secret, setSecret] = useState<Secret>();
 
+  if (!name) {
+    return null;
+  }
+
   const showKey = async (evt: React.MouseEvent) => {
     evt.preventDefault();
     setLoading(true);
diff --git a/src/renderer/components/+workloads-pods/pod-container-port.tsx b/src/renderer/components/+workloads-pods/pod-container-port.tsx
index 46b06cbf04..21d73df6e9 100644
--- a/src/renderer/components/+workloads-pods/pod-container-port.tsx
+++ b/src/renderer/components/+workloads-pods/pod-container-port.tsx
@@ -13,7 +13,7 @@ import { cssNames } from "../../utils";
 import { Notifications } from "../notifications";
 import { Button } from "../button";
 import type { ForwardedPort, PortForwardStore } from "../../port-forward";
-import { openPortForward, predictProtocol } from "../../port-forward";
+import { predictProtocol } from "../../port-forward";
 import { Spinner } from "../spinner";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import portForwardStoreInjectable from "../../port-forward/port-forward-store/port-forward-store.injectable";
@@ -21,6 +21,8 @@ import portForwardDialogModelInjectable from "../../port-forward/port-forward-di
 import logger from "../../../common/logger";
 import aboutPortForwardingInjectable from "../../port-forward/about-port-forwarding.injectable";
 import notifyErrorPortForwardingInjectable from "../../port-forward/notify-error-port-forwarding.injectable";
+import type { OpenPortForward } from "../../port-forward/open-port-forward.injectable";
+import openPortForwardInjectable from "../../port-forward/open-port-forward.injectable";
 
 export interface PodContainerPortProps {
   pod: Pod;
@@ -32,6 +34,7 @@ interface Dependencies {
   openPortForwardDialog: (item: ForwardedPort, options: { openInBrowser: boolean; onClose: () => void }) => void;
   aboutPortForwarding: () => void;
   notifyErrorPortForwarding: (message: string) => void;
+  openPortForward: OpenPortForward;
 }
 
 @observer
@@ -86,7 +89,7 @@ class NonInjectedPodContainerPort extends React.Component<PodContainerPortProps
 
   @action
   async portForward() {
-    const { pod, port } = this.props;
+    const { pod, port, openPortForward } = this.props;
     let portForward: ForwardedPort = {
       kind: "pod",
       name: pod.getName(),
@@ -178,7 +181,7 @@ class NonInjectedPodContainerPort extends React.Component<PodContainerPortProps
         <span title="Open in a browser" onClick={() => this.portForward()}>
           {text}
         </span>
-        <Button primary onClick={portForwardAction}> 
+        <Button primary onClick={portForwardAction}>
           {" "}
           {this.isPortForwarded ? (this.isActive ? "Stop/Remove" : "Remove") : "Forward..."}
           {" "}
@@ -200,6 +203,7 @@ export const PodContainerPort = withInjectables<Dependencies, PodContainerPortPr
       openPortForwardDialog: di.inject(portForwardDialogModelInjectable).open,
       aboutPortForwarding: di.inject(aboutPortForwardingInjectable),
       notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+      openPortForward: di.inject(openPortForwardInjectable),
       ...props,
     }),
   },
diff --git a/src/renderer/components/+workloads-pods/pod-details-container.tsx b/src/renderer/components/+workloads-pods/pod-details-container.tsx
index 0b0abb8eb3..263192473c 100644
--- a/src/renderer/components/+workloads-pods/pod-details-container.tsx
+++ b/src/renderer/components/+workloads-pods/pod-details-container.tsx
@@ -6,7 +6,7 @@
 import "./pod-details-container.scss";
 
 import React from "react";
-import type { PodContainer, PodContainerStatus, Pod } from "../../../common/k8s-api/endpoints";
+import type { Container, PodContainerStatus, Pod } from "../../../common/k8s-api/endpoints";
 import { DrawerItem } from "../drawer";
 import { cssNames, isDefined } from "../../utils";
 import { StatusBrick } from "../status-brick";
@@ -27,7 +27,7 @@ import getActiveClusterEntityInjectable from "../../api/catalog/entity/get-activ
 
 export interface PodDetailsContainerProps {
   pod: Pod;
-  container: PodContainer;
+  container: Container;
   metrics?: Partial<Record<string, MetricData>>;
 }
 
diff --git a/src/renderer/components/+workloads-pods/pod-details-list.scss b/src/renderer/components/+workloads-pods/pod-details-list.scss
index 0b8c5b16be..fe161b023f 100644
--- a/src/renderer/components/+workloads-pods/pod-details-list.scss
+++ b/src/renderer/components/+workloads-pods/pod-details-list.scss
@@ -31,6 +31,10 @@
       flex-grow: 2;
     }
 
+    &.node {
+      flex-grow: 2;
+    }
+
     &.namespace {
       flex-grow: 1.2;
     }
diff --git a/src/renderer/components/+workloads-pods/pod-details-list.tsx b/src/renderer/components/+workloads-pods/pod-details-list.tsx
index 907d60b334..46e9e2151f 100644
--- a/src/renderer/components/+workloads-pods/pod-details-list.tsx
+++ b/src/renderer/components/+workloads-pods/pod-details-list.tsx
@@ -22,6 +22,7 @@ import { showDetails } from "../kube-detail-params";
 
 enum sortBy {
   name = "name",
+  node = "node",
   namespace = "namespace",
   cpu = "cpu",
   memory = "memory",
@@ -124,6 +125,7 @@ export class PodDetailsList extends React.Component<PodDetailsListProps> {
       >
         <TableCell className="name">{pod.getName()}</TableCell>
         <TableCell className="warning"><KubeObjectStatusIcon key="icon" object={pod}/></TableCell>
+        <TableCell className="node">{pod.getNodeName()}</TableCell>
         <TableCell className="namespace">{pod.getNs()}</TableCell>
         <TableCell className="ready">
           {`${pod.getRunningContainers().length} / ${pod.getContainers().length}`}
@@ -165,6 +167,7 @@ export class PodDetailsList extends React.Component<PodDetailsListProps> {
           virtualHeight={660}
           sortable={{
             [sortBy.name]: pod => pod.getName(),
+            [sortBy.node]: pod => pod.getNodeName(),
             [sortBy.namespace]: pod => pod.getNs(),
             [sortBy.cpu]: pod => podStore.getPodKubeMetrics(pod).cpu,
             [sortBy.memory]: pod => podStore.getPodKubeMetrics(pod).memory,
@@ -182,6 +185,7 @@ export class PodDetailsList extends React.Component<PodDetailsListProps> {
           <TableHead>
             <TableCell className="name" sortBy={sortBy.name}>Name</TableCell>
             <TableCell className="warning"/>
+            <TableCell className="node" sortBy={sortBy.node}>Node</TableCell>
             <TableCell className="namespace" sortBy={sortBy.namespace}>Namespace</TableCell>
             <TableCell className="ready">Ready</TableCell>
             <TableCell className="cpu" sortBy={sortBy.cpu}>CPU</TableCell>
diff --git a/src/renderer/components/+workloads-pods/pod-details.tsx b/src/renderer/components/+workloads-pods/pod-details.tsx
index eb9bd2429d..d87ce249e0 100644
--- a/src/renderer/components/+workloads-pods/pod-details.tsx
+++ b/src/renderer/components/+workloads-pods/pod-details.tsx
@@ -116,6 +116,9 @@ export class PodDetails extends React.Component<PodDetailsProps> {
         >
           {podIPs.map(label => <Badge key={label} label={label} />)}
         </DrawerItem>
+        <DrawerItem name="Service Account">
+          {pod.getServiceAccountName()}
+        </DrawerItem>
         <DrawerItem name="Priority Class">
           {pod.getPriorityClassName()}
         </DrawerItem>
diff --git a/src/renderer/components/+workloads-pods/pods.tsx b/src/renderer/components/+workloads-pods/pods.tsx
index b1b7f8cdac..147353f6d6 100644
--- a/src/renderer/components/+workloads-pods/pods.tsx
+++ b/src/renderer/components/+workloads-pods/pods.tsx
@@ -113,7 +113,7 @@ class NonInjectedPods extends React.Component<Dependencies> {
           sortingCallbacks={{
             [columnId.name]: pod => getConvertedParts(pod.getName()),
             [columnId.namespace]: pod => pod.getNs(),
-            [columnId.containers]: pod => pod.getContainers().length,
+            [columnId.containers]: pod => pod.getContainerStatuses().length,
             [columnId.restarts]: pod => pod.getRestartsCount(),
             [columnId.owners]: pod => pod.getOwnerRefs().map(ref => ref.kind),
             [columnId.qos]: pod => pod.getQosClass(),
diff --git a/src/renderer/components/+workloads-pods/store.ts b/src/renderer/components/+workloads-pods/store.ts
index acff1edbce..146eb0b390 100644
--- a/src/renderer/components/+workloads-pods/store.ts
+++ b/src/renderer/components/+workloads-pods/store.ts
@@ -9,7 +9,7 @@ import type { KubeObjectStoreOptions } from "../../../common/k8s-api/kube-object
 import { KubeObjectStore } from "../../../common/k8s-api/kube-object.store";
 import { cpuUnitsToNumber, unitsToBytes } from "../../utils";
 import type { Pod, PodMetrics, PodApi, PodMetricsApi } from "../../../common/k8s-api/endpoints";
-import type { KubeObject, KubeObjectScope } from "../../../common/k8s-api/kube-object";
+import type { KubeObject, NamespaceScopedMetadata } from "../../../common/k8s-api/kube-object";
 
 export interface PodStoreDependencies {
   readonly podMetricsApi: PodMetricsApi;
@@ -36,7 +36,7 @@ export class PodStore extends KubeObjectStore<Pod, PodApi> {
     }
   }
 
-  getPodsByOwner(workload: KubeObject<unknown, unknown, KubeObjectScope.Namespace>): Pod[] {
+  getPodsByOwner(workload: KubeObject<NamespaceScopedMetadata, unknown, unknown>): Pod[] {
     return this.items.filter(pod => (
       pod.getOwnerRefs()
         .find(owner => owner.uid === workload.getId())
@@ -82,7 +82,7 @@ export class PodStore extends KubeObjectStore<Pod, PodApi> {
       }
 
       return {
-        cpu: total.cpu + cpuUnitsToNumber(cpu),
+        cpu: total.cpu + (cpuUnitsToNumber(cpu) ?? 0),
         memory: total.memory + unitsToBytes(memory),
       };
     }, empty);
diff --git a/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx b/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx
index 0b92b40cf1..d1e2aefd66 100755
--- a/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx
+++ b/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.test.tsx
@@ -43,12 +43,12 @@ const dummyReplicaSet = new ReplicaSet({
         containers: [{
           name: "dummy",
           image: "dummy",
-          imagePullPolicy: "dummy",
+          imagePullPolicy: "Always",
         }],
         initContainers: [{
           name: "dummy",
           image: "dummy",
-          imagePullPolicy: "dummy",
+          imagePullPolicy: "Always",
         }],
         priority: 1,
         serviceAccountName: "dummy",
diff --git a/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.tsx b/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.tsx
index 2193da284b..3b6969a5bb 100644
--- a/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.tsx
+++ b/src/renderer/components/+workloads-replicasets/scale-dialog/dialog.tsx
@@ -104,7 +104,7 @@ class NonInjectedReplicaSetScaleDialog extends Component<ReplicaSetScaleDialogPr
       <Wizard
         header={(
           <h5>
-            Scale Replica Set
+            {"Scale Replica Set "}
             <span>{replicaSet.getName()}</span>
           </h5>
         )}
@@ -131,16 +131,16 @@ class NonInjectedReplicaSetScaleDialog extends Component<ReplicaSetScaleDialogPr
               />
             </div>
             <div className="plus-minus-container flex gaps">
-              <Icon
-                material="add_circle_outline"
-                onClick={this.desiredReplicasUp}
-                data-testid="desired-replicas-up"
-              />
               <Icon
                 material="remove_circle_outline"
                 onClick={this.desiredReplicasDown}
                 data-testid="desired-replicas-down"
               />
+              <Icon
+                material="add_circle_outline"
+                onClick={this.desiredReplicasUp}
+                data-testid="desired-replicas-up"
+              />
             </div>
           </div>
           {warning && (
diff --git a/src/renderer/components/+workloads-replicasets/scale-dialog/replicaset-scale-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/+workloads-replicasets/scale-dialog/replicaset-scale-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..0dd5790944
--- /dev/null
+++ b/src/renderer/components/+workloads-replicasets/scale-dialog/replicaset-scale-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { clusterFrameChildComponentInjectionToken } from "../../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+import { ReplicaSetScaleDialog } from "./dialog";
+
+const replicasetScaleDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "replicaset-scale-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "replicaset-scale-dialog",
+    shouldRender: computed(() => true),
+    Component: ReplicaSetScaleDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default replicasetScaleDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/+workloads-statefulsets/scale/statefulset-scale-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/+workloads-statefulsets/scale/statefulset-scale-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..ee23dde011
--- /dev/null
+++ b/src/renderer/components/+workloads-statefulsets/scale/statefulset-scale-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { StatefulSetScaleDialog } from "./dialog";
+import { clusterFrameChildComponentInjectionToken } from "../../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const statefulsetScaleDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "statefulset-scale-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "statefulset-scale-dialog",
+    shouldRender: computed(() => true),
+    Component: StatefulSetScaleDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default statefulsetScaleDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/__tests__/deployments.store.test.ts b/src/renderer/components/__tests__/deployments.store.test.ts
index a59ecfe692..a478c03d2a 100644
--- a/src/renderer/components/__tests__/deployments.store.test.ts
+++ b/src/renderer/components/__tests__/deployments.store.test.ts
@@ -23,8 +23,8 @@ const spec: PodSpec = {
       },
     },
     terminationMessagePath: "test",
-    terminationMessagePolicy: "test",
-    imagePullPolicy: "test",
+    terminationMessagePolicy: "File",
+    imagePullPolicy: "Always",
   }],
   restartPolicy: "restart",
   terminationGracePeriodSeconds: 1200,
diff --git a/src/renderer/components/app.scss b/src/renderer/components/app.scss
index 68cc6db3d9..19c7b53d6f 100755
--- a/src/renderer/components/app.scss
+++ b/src/renderer/components/app.scss
@@ -72,7 +72,6 @@ html, body {
 
 body {
   color: var(--textColorPrimary);
-  background-color: var(--mainBackground);
   font-size: var(--font-size);
   font-family: var(--font-main);
 }
@@ -89,6 +88,11 @@ body {
 #app {
   height: 100%;
   min-height: 100%;
+  background-color: var(--mainBackground);
+
+  &:empty {
+    background-color: transparent;
+  }
 
   > * {
     height: inherit;
@@ -180,6 +184,10 @@ a {
   }
 }
 
+iframe {
+  color-scheme: auto; // Remove default white background on iframes
+}
+
 // colors
 .success {
   color: var(--colorSuccess);
diff --git a/src/renderer/components/badge/badge.module.scss b/src/renderer/components/badge/badge.module.scss
index f3c6bcf13a..2223129ebb 100644
--- a/src/renderer/components/badge/badge.module.scss
+++ b/src/renderer/components/badge/badge.module.scss
@@ -25,7 +25,7 @@
   cursor: pointer;
 }
 
-.badge:not(.isExpanded) {
+.badge:not(.scrollable):not(.isExpanded) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
diff --git a/src/renderer/components/badge/badge.tsx b/src/renderer/components/badge/badge.tsx
index 4e0fa8f16f..f0efb701bd 100644
--- a/src/renderer/components/badge/badge.tsx
+++ b/src/renderer/components/badge/badge.tsx
@@ -5,7 +5,7 @@
 
 import styles from "./badge.module.scss";
 
-import React, { createRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 import { action, observable } from "mobx";
 import { observer } from "mobx-react";
 import { cssNames } from "../../utils/cssNames";
@@ -33,19 +33,22 @@ export const Badge = withTooltip(observer(({
   small,
   flat,
   label,
-  expandable = false,
+  expandable = true,
   disabled,
   scrollable,
   className,
   children,
   ...elemProps
 }: BadgeProps) => {
-  const elem = createRef<HTMLDivElement>();
+  const elem = useRef<HTMLDivElement>(null);
   const [isExpanded, setIsExpanded] = useState(false);
+  const [isExpandable, setIsExpandable] = useState(false);
 
-  const isExpandable = expandable && elem.current
-    ? elem.current.clientWidth < elem.current.scrollWidth
-    : false;
+  useEffect(() => {
+    const { clientWidth = 0, scrollWidth = 0 } = elem.current ?? {};
+
+    setIsExpandable(expandable && (clientWidth < scrollWidth));
+  }, [expandable, elem.current]);
 
   const onMouseUp = action(() => {
     if (!isExpandable || badgeMeta.hasTextSelected) {
diff --git a/src/renderer/components/button/button.tsx b/src/renderer/components/button/button.tsx
index 756f50a584..8168c2abf3 100644
--- a/src/renderer/components/button/button.tsx
+++ b/src/renderer/components/button/button.tsx
@@ -49,7 +49,11 @@ export const Button = withTooltip((props: ButtonProps) => {
 
   // render as button
   return (
-    <button type="button" {...btnProps}>
+    <button
+      type="button"
+      {...btnProps}
+      data-waiting={typeof waiting === "boolean" ? String(waiting) : undefined}
+    >
       {label}
       {children}
     </button>
diff --git a/src/renderer/components/chart/bar-chart.tsx b/src/renderer/components/chart/bar-chart.tsx
index b80a539f6f..b159520309 100644
--- a/src/renderer/components/chart/bar-chart.tsx
+++ b/src/renderer/components/chart/bar-chart.tsx
@@ -13,11 +13,12 @@ import type { ChartProps } from "./chart";
 import { Chart, ChartKind } from "./chart";
 import { bytesToUnits, cssNames, isObject } from "../../utils";
 import { ZebraStripesPlugin } from "./zebra-stripes.plugin";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { NoMetrics } from "../resource-metrics/no-metrics";
 import assert from "assert";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export interface BarChartProps extends ChartProps {
   name?: string;
@@ -27,11 +28,11 @@ export interface BarChartProps extends ChartProps {
 const getBarColor: Scriptable<string> = ({ dataset }) => Color(dataset?.borderColor).alpha(0.2).string();
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 const NonInjectedBarChart = observer(({
-  themeStore,
+  activeTheme,
   name,
   data,
   className,
@@ -40,7 +41,7 @@ const NonInjectedBarChart = observer(({
   options: customOptions,
   ...settings
 }: Dependencies & BarChartProps) => {
-  const { textColorPrimary, borderFaintColor, chartStripesColor } = themeStore.activeTheme.colors;
+  const { textColorPrimary, borderFaintColor, chartStripesColor } = activeTheme.get().colors;
   const { datasets: rawDatasets = [], ...rest } = data;
   const datasets = rawDatasets
     .filter(set => set.data?.length)
@@ -168,7 +169,7 @@ const NonInjectedBarChart = observer(({
 export const BarChart = withInjectables<Dependencies, BarChartProps>(NonInjectedBarChart, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
 
diff --git a/src/renderer/components/chart/chart.tsx b/src/renderer/components/chart/chart.tsx
index 3d00c71aed..3d54b90302 100644
--- a/src/renderer/components/chart/chart.tsx
+++ b/src/renderer/components/chart/chart.tsx
@@ -36,6 +36,7 @@ export interface ChartProps {
   redraw?: boolean;  // If true - recreate chart instance with no animation
   title?: string;
   className?: string;
+  "data-testid"?: string;
 }
 
 export enum ChartKind {
@@ -212,25 +213,26 @@ export class Chart extends React.Component<ChartProps> {
   }
 
   render() {
-    const { width, height, showChart, title, className } = this.props;
+    const { width, height, showChart, title, className, "data-testid": dataTestId } = this.props;
 
     return (
-      <>
-        <div className={cssNames("Chart", className)}>
-          {title && <div className="chart-title">{title}</div>}
-          {showChart && (
-            <div className="chart-container">
-              <canvas
-                ref={this.canvas}
-                width={width}
-                height={height}
-              />
-              <div className="chartjs-tooltip flex column"></div>
-            </div>
-          )}
-          {this.renderLegend()}
-        </div>
-      </>
+      <div
+        className={cssNames("Chart", className)}
+        data-testid={dataTestId}
+      >
+        {title && <div className="chart-title">{title}</div>}
+        {showChart && (
+          <div className="chart-container">
+            <canvas
+              ref={this.canvas}
+              width={width}
+              height={height}
+            />
+            <div className="chartjs-tooltip flex column"></div>
+          </div>
+        )}
+        {this.renderLegend()}
+      </div>
     );
   }
 }
diff --git a/src/renderer/components/chart/pie-chart.tsx b/src/renderer/components/chart/pie-chart.tsx
index 2df1fd05f4..2e4cd1bb0f 100644
--- a/src/renderer/components/chart/pie-chart.tsx
+++ b/src/renderer/components/chart/pie-chart.tsx
@@ -11,9 +11,10 @@ import ChartJS from "chart.js";
 import type { ChartProps } from "./chart";
 import { Chart } from "./chart";
 import { cssNames } from "../../utils";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import type { IComputedValue } from "mobx";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export interface PieChartProps extends ChartProps {
 }
@@ -44,18 +45,18 @@ function getCutout(length: number | undefined): number {
 }
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 const NonInjectedPieChart = observer(({
-  themeStore,
+  activeTheme,
   data,
   className,
   options,
   showChart,
   ...chartProps
 }: Dependencies & PieChartProps) => {
-  const { contentColor } = themeStore.activeTheme.colors;
+  const { contentColor } = activeTheme.get().colors;
   const opts: ChartOptions = {
     maintainAspectRatio: false,
     tooltips: {
@@ -68,18 +69,11 @@ const NonInjectedPieChart = observer(({
           const total = datasetData.reduce((acc, cur) => acc + cur, 0);
           const percent = Math.round((datasetData[tooltipItem.index] as number / total) * 100);
           const percentLabel = isNaN(percent) ? "N/A" : `${percent}%`;
-          const tooltipLabel = dataset.tooltipLabels?.[tooltipItem.index];
-          let tooltip = `${dataset.label}: ${percentLabel}`;
+          const tooltipLabelCustomizer = dataset.tooltipLabels?.[tooltipItem.index];
 
-          if (tooltipLabel) {
-            if (typeof tooltipLabel === "function") {
-              tooltip = tooltipLabel(percentLabel);
-            } else {
-              tooltip = tooltipLabel;
-            }
-          }
-
-          return tooltip;
+          return tooltipLabelCustomizer
+            ? tooltipLabelCustomizer(percentLabel)
+            : `${dataset.label}: ${percentLabel}`;
         },
       },
       filter: ({ datasetIndex, index }, { datasets = [] }) => {
@@ -120,7 +114,7 @@ const NonInjectedPieChart = observer(({
 export const PieChart = withInjectables<Dependencies, PieChartProps>(NonInjectedPieChart, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
 
diff --git a/src/renderer/components/cluster-manager/cluster-frame-handler.ts b/src/renderer/components/cluster-manager/cluster-frame-handler.ts
index cf579cdc09..7791837e0d 100644
--- a/src/renderer/components/cluster-manager/cluster-frame-handler.ts
+++ b/src/renderer/components/cluster-manager/cluster-frame-handler.ts
@@ -115,6 +115,7 @@ export class ClusterFrameHandler {
         (view: LensView) => {
           logger.info(`[LENS-VIEW]: cluster id=${clusterId} should now be visible`);
           view.frame.classList.remove("hidden");
+          view.frame.focus();
           ipcRenderer.send(clusterVisibilityHandler, clusterId);
         },
       );
diff --git a/src/renderer/components/cluster-manager/cluster-manager-root-frame-child-component.injectable.tsx b/src/renderer/components/cluster-manager/cluster-manager-root-frame-child-component.injectable.tsx
new file mode 100644
index 0000000000..9db066e1ad
--- /dev/null
+++ b/src/renderer/components/cluster-manager/cluster-manager-root-frame-child-component.injectable.tsx
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { getInjectable } from "@ogre-tools/injectable";
+import { rootFrameChildComponentInjectionToken } from "../../frames/root-frame/root-frame-child-component-injection-token";
+import { ClusterManager } from "./cluster-manager";
+import { computed } from "mobx";
+import { ErrorBoundary } from "../error-boundary";
+
+const clusterManagerRootFrameChildComponentInjectable = getInjectable({
+  id: "cluster-manager-root-frame-child-component",
+
+  instantiate: () => ({
+    id: "cluster-manager",
+
+    shouldRender: computed(() => true),
+
+    Component: () => (
+      <ErrorBoundary>
+        <ClusterManager />
+      </ErrorBoundary>
+    ),
+  }),
+
+  injectionToken: rootFrameChildComponentInjectionToken,
+});
+
+export default clusterManagerRootFrameChildComponentInjectable;
diff --git a/src/renderer/components/cluster-manager/cluster-view.tsx b/src/renderer/components/cluster-manager/cluster-view.tsx
index 1eba3195a9..4129817fa0 100644
--- a/src/renderer/components/cluster-manager/cluster-view.tsx
+++ b/src/renderer/components/cluster-manager/cluster-view.tsx
@@ -68,6 +68,11 @@ class NonInjectedClusterView extends React.Component<Dependencies> {
   bindEvents() {
     disposeOnUnmount(this, [
       reaction(() => this.clusterId, async (clusterId) => {
+        // TODO: replace with better handling
+        if (clusterId && !this.props.entityRegistry.getById(clusterId)) {
+          return this.props.navigateToCatalog(); // redirect to catalog when the clusterId does not correspond to an entity
+        }
+
         this.props.clusterFrames.setVisibleCluster(clusterId);
         this.props.clusterFrames.initView(clusterId);
         requestClusterActivation(clusterId, false); // activate and fetch cluster's state from main
diff --git a/src/renderer/components/cluster-settings/components/__tests__/cluster-local-terminal-settings.test.tsx b/src/renderer/components/cluster-settings/components/__tests__/cluster-local-terminal-settings.test.tsx
index 1b845ed9d4..b4a78a5dc0 100644
--- a/src/renderer/components/cluster-settings/components/__tests__/cluster-local-terminal-settings.test.tsx
+++ b/src/renderer/components/cluster-settings/components/__tests__/cluster-local-terminal-settings.test.tsx
@@ -4,28 +4,38 @@
  */
 
 import React from "react";
-import { render, waitFor } from "@testing-library/react";
+import { waitFor } from "@testing-library/react";
 import { ClusterLocalTerminalSetting } from "../cluster-local-terminal-settings";
 import userEvent from "@testing-library/user-event";
-import { stat } from "fs/promises";
-import { Notifications } from "../../../notifications";
 import type { Stats } from "fs";
 import type { Cluster } from "../../../../../common/cluster/cluster";
-
-const mockStat = stat as jest.MockedFunction<typeof stat>;
-
-jest.mock("fs", () => {
-  const actual = jest.requireActual("fs");
-
-  actual.promises.stat = jest.fn();
-
-  return actual;
-});
-
-jest.mock("../../../notifications");
+import { getDiForUnitTesting } from "../../../../getDiForUnitTesting";
+import type { DiRender } from "../../../test-utils/renderFor";
+import { renderFor } from "../../../test-utils/renderFor";
+import showErrorNotificationInjectable from "../../../notifications/show-error-notification.injectable";
+import statInjectable from "../../../../../common/fs/stat/stat.injectable";
 
 describe("ClusterLocalTerminalSettings", () => {
+  let render: DiRender;
+  let showErrorNotificationMock: jest.Mock;
+  let statMock: jest.Mock;
+
   beforeEach(() => {
+    const di = getDiForUnitTesting({ doGeneralOverrides: true });
+
+    showErrorNotificationMock = jest.fn();
+
+    statMock = jest.fn();
+
+    di.override(statInjectable, () => statMock);
+
+    di.override(
+      showErrorNotificationInjectable,
+      () => showErrorNotificationMock,
+    );
+
+    render = renderFor(di);
+
     jest.resetAllMocks();
   });
 
@@ -89,7 +99,7 @@ describe("ClusterLocalTerminalSettings", () => {
   });
 
   it("should save the new CWD if path is a directory", async () => {
-    mockStat.mockImplementation(async (path) => {
+    statMock.mockImplementation(async (path) => {
       expect(path).toBe("/foobar");
 
       return {
@@ -114,7 +124,7 @@ describe("ClusterLocalTerminalSettings", () => {
   });
 
   it("should not save the new CWD if path is a file", async () => {
-    mockStat.mockImplementation(async (path) => {
+    statMock.mockImplementation(async (path) => {
       expect(path).toBe("/foobar");
 
       return {
@@ -136,6 +146,6 @@ describe("ClusterLocalTerminalSettings", () => {
     userEvent.type(dn, "/foobar");
     userEvent.click(dom.baseElement);
 
-    await waitFor(() => expect(Notifications.error).toBeCalled());
+    await waitFor(() => expect(showErrorNotificationMock).toHaveBeenCalled());
   });
 });
diff --git a/src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx b/src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx
index 6f0492ea0b..4f5c6abd78 100644
--- a/src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx
+++ b/src/renderer/components/cluster-settings/components/cluster-icon-settings.tsx
@@ -89,6 +89,7 @@ export class ClusterIconSetting extends React.Component<ClusterIconSettingProps>
             />
           </div>
           <MenuActions
+            id={`menu-actions-for-cluster-icon-settings-for-${entity.getId()}`}
             toolbar={false}
             autoCloseOnSelect={true}
             triggerIcon={{ material: "more_horiz" }}
diff --git a/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx b/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx
index ab1a4b9db0..3a5c1c4d2d 100644
--- a/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx
+++ b/src/renderer/components/cluster-settings/components/cluster-local-terminal-settings.tsx
@@ -8,79 +8,25 @@ import { observer } from "mobx-react";
 import type { Cluster } from "../../../../common/cluster/cluster";
 import { Input } from "../../input";
 import { SubTitle } from "../../layout/sub-title";
-import { stat } from "fs/promises";
-import { Notifications } from "../../notifications";
-import { isErrnoException, resolveTilde } from "../../../utils";
+import type { ShowNotification } from "../../notifications";
+import { resolveTilde } from "../../../utils";
 import { Icon } from "../../icon";
 import { PathPicker } from "../../path-picker";
 import { isWindows } from "../../../../common/vars";
-import type { Stats } from "fs";
-import logger from "../../../../common/logger";
-import { lowerFirst } from "lodash";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import showErrorNotificationInjectable from "../../notifications/show-error-notification.injectable";
+import type { ValidateDirectory } from "../../../../common/fs/validate-directory.injectable";
+import validateDirectoryInjectable from "../../../../common/fs/validate-directory.injectable";
 
 export interface ClusterLocalTerminalSettingProps {
   cluster: Cluster;
 }
-
-function getUserReadableFileType(stats: Stats): string {
-  if (stats.isFile()) {
-    return "a file";
-  }
-
-  if (stats.isFIFO()) {
-    return "a pipe";
-  }
-
-  if (stats.isSocket()) {
-    return "a socket";
-  }
-
-  if (stats.isBlockDevice()) {
-    return "a block device";
-  }
-
-  if (stats.isCharacterDevice()) {
-    return "a character device";
-  }
-
-  return "an unknown file type";
+interface Dependencies {
+  showErrorNotification: ShowNotification;
+  validateDirectory: ValidateDirectory;
 }
 
-/**
- * Validate that `dir` currently points to a directory. If so return `false`.
- * Otherwise, return a user readable error message string for displaying.
- * @param dir The path to be validated
- */
-async function validateDirectory(dir: string): Promise<string | false> {
-  try {
-    const stats = await stat(dir);
-
-    if (stats.isDirectory()) {
-      return false;
-    }
-
-    return `the provided path is ${getUserReadableFileType(stats)} and not a directory.`;
-  } catch (error) {
-    switch (isErrnoException(error) ? error.code : undefined) {
-      case "ENOENT":
-        return `the provided path does not exist.`;
-      case "EACCES":
-        return `search permissions is denied for one of the directories in the prefix of the provided path.`;
-      case "ELOOP":
-        return `the provided path is a sym-link which points to a chain of sym-links that is too long to resolve. Perhaps it is cyclic.`;
-      case "ENAMETOOLONG":
-        return `the pathname is too long to be used.`;
-      case "ENOTDIR":
-        return `a prefix of the provided path is not a directory.`;
-      default:
-        logger.warn(`[CLUSTER-LOCAL-TERMINAL-SETTINGS]: unexpected error in validateDirectory for resolved path=${dir}`, error);
-
-        return error ? lowerFirst(String(error)) : "of an unknown error, please try again.";
-    }
-  }
-}
-
-export const ClusterLocalTerminalSetting = observer(({ cluster }: ClusterLocalTerminalSettingProps) => {
+const NonInjectedClusterLocalTerminalSetting = observer(({ cluster, showErrorNotification, validateDirectory }: Dependencies & ClusterLocalTerminalSettingProps) => {
   if (!cluster) {
     return null;
   }
@@ -109,15 +55,15 @@ export const ClusterLocalTerminalSetting = observer(({ cluster }: ClusterLocalTe
       cluster.preferences.terminalCWD = undefined;
     } else {
       const dir = resolveTilde(directory);
-      const errorMessage = await validateDirectory(dir);
+      const result = await validateDirectory(dir);
 
-      if (errorMessage) {
-        Notifications.error(
+      if (!result.callWasSuccessful) {
+        showErrorNotification(
           <>
             <b>Terminal Working Directory</b>
             <p>
               {"Your changes were not saved because "}
-              {errorMessage}
+              {result.error}
             </p>
           </>,
         );
@@ -166,6 +112,8 @@ export const ClusterLocalTerminalSetting = observer(({ cluster }: ClusterLocalTe
                     material="close"
                     title="Clear"
                     onClick={() => setAndCommitDirectory("")}
+                    smallest
+                    style={{ marginRight: "var(--margin)" }}
                   />
                 )
               }
@@ -173,6 +121,7 @@ export const ClusterLocalTerminalSetting = observer(({ cluster }: ClusterLocalTe
                 material="folder"
                 title="Pick from filesystem"
                 onClick={openFilePicker}
+                smallest
               />
             </>
           )}
@@ -200,3 +149,16 @@ export const ClusterLocalTerminalSetting = observer(({ cluster }: ClusterLocalTe
     </>
   );
 });
+
+export const ClusterLocalTerminalSetting = withInjectables<Dependencies, ClusterLocalTerminalSettingProps>(
+  NonInjectedClusterLocalTerminalSetting,
+
+  {
+    getProps: (di, props) => ({
+      showErrorNotification: di.inject(showErrorNotificationInjectable),
+      validateDirectory: di.inject(validateDirectoryInjectable),
+      ...props,
+    }),
+  },
+);
+
diff --git a/src/renderer/components/command-palette/command-container-cluster-frame-child-component.injectable.ts b/src/renderer/components/command-palette/command-container-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..b517ab614a
--- /dev/null
+++ b/src/renderer/components/command-palette/command-container-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { CommandContainer } from "./command-container";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const commandContainerClusterFrameChildComponentInjectable = getInjectable({
+  id: "command-container-cluster-frame-child-component",
+  instantiate: () => ({
+    id: "command-container",
+    shouldRender: computed(() => true),
+    Component: CommandContainer,
+  }),
+  injectionToken: clusterFrameChildComponentInjectionToken,
+});
+
+export default commandContainerClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/command-palette/command-container-root-frame-child-component.injectable.ts b/src/renderer/components/command-palette/command-container-root-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..f1c7b72180
--- /dev/null
+++ b/src/renderer/components/command-palette/command-container-root-frame-child-component.injectable.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { rootFrameChildComponentInjectionToken } from "../../frames/root-frame/root-frame-child-component-injection-token";
+import { computed } from "mobx";
+import { CommandContainer } from "./command-container";
+
+const commandContainerRootFrameChildComponentInjectable = getInjectable({
+  id: "command-container-root-frame-child-component",
+  instantiate: () => ({
+    id: "command-container",
+    shouldRender: computed(() => true),
+    Component: CommandContainer,
+  }),
+  injectionToken: rootFrameChildComponentInjectionToken,
+});
+
+export default commandContainerRootFrameChildComponentInjectable;
diff --git a/src/renderer/components/command-palette/command-container.scss b/src/renderer/components/command-palette/command-container.module.scss
similarity index 82%
rename from src/renderer/components/command-palette/command-container.scss
rename to src/renderer/components/command-palette/command-container.module.scss
index f5ec554842..89a98e137d 100644
--- a/src/renderer/components/command-palette/command-container.scss
+++ b/src/renderer/components/command-palette/command-container.module.scss
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-#command-container {
+.CommandContainer {
   position: absolute;
   top: 20px;
   left: 0;
@@ -17,7 +17,7 @@
   color: var(--settingsColor);
   transition: all 0.3s;
 
-  .Input {
+  :global(.Input) {
     label {
       caret-color: var(--blue);
       color: var(--settingsColor);
@@ -33,20 +33,20 @@
     }
   }
 
-  .hint {
+  :global(.hint) {
     padding: 8px;
     display: block;
   }
 
-  .errors {
+  :global(.errors) {
     padding: 8px;
   }
 
-  .Select__menu {
+  :global(.Select__menu) {
     position: relative;
   }
 
-  .Select__control {
+  :global(.Select__control) {
     padding: var(--padding);
     box-shadow: none;
     border-bottom: 1px solid var(--borderFaintColor);
@@ -58,17 +58,17 @@
     }
   }
 
-  .Select__menu {
+  :global(.Select__menu) {
     box-shadow: none;
     background: transparent;
     margin: 0;
   }
 
-  .Select__menu-list {
+  :global(.Select__menu-list) {
     padding: 0;
   }
 
-  .Select__option {
+  :global(.Select__option) {
     background-color: transparent;
     padding: 10px 18px;
 
@@ -78,14 +78,14 @@
       padding-left: 14px;
     }
 
-    &.Select__option--is-focused {
+    &:global(.Select__option--is-focused) {
       background-color: var(--menuSelectedOptionBgc);
       border-left: 4px solid var(--blue);
       padding-left: 14px;
     }
   }
 
-  .Select__menu-notice--no-options {
+  :global(.Select__menu-notice--no-options) {
     padding: 12px;
   }
 }
diff --git a/src/renderer/components/command-palette/command-container.tsx b/src/renderer/components/command-palette/command-container.tsx
index f435bdeec0..ca3d36bb00 100644
--- a/src/renderer/components/command-palette/command-container.tsx
+++ b/src/renderer/components/command-palette/command-container.tsx
@@ -4,7 +4,7 @@
  */
 
 
-import "./command-container.scss";
+import styles from "./command-container.module.scss";
 import { disposeOnUnmount, observer } from "mobx-react";
 import React from "react";
 import { Dialog } from "../dialog";
@@ -22,6 +22,7 @@ import matchedClusterIdInjectable from "../../navigation/matched-cluster-id.inje
 import hostedClusterIdInjectable from "../../cluster-frame-context/hosted-cluster-id.injectable";
 import isMacInjectable from "../../../common/vars/is-mac.injectable";
 import legacyOnChannelListenInjectable from "../../ipc/legacy-channel-listen.injectable";
+import { onKeyboardShortcut } from "../../utils/on-keyboard-shortcut";
 
 interface Dependencies {
   addWindowEventListener: AddWindowEventListener;
@@ -34,47 +35,38 @@ interface Dependencies {
 
 @observer
 class NonInjectedCommandContainer extends React.Component<Dependencies> {
-  private escHandler = (event: KeyboardEvent) => {
-    if (event.key === "Escape") {
-      event.stopPropagation();
-      this.props.commandOverlay.close();
-    }
-  };
-
-  handleCommandPalette = () => {
-    const matchedClusterId = this.props.matchedClusterId.get();
-
-    if (matchedClusterId !== undefined) {
-      broadcastMessage(`command-palette:${matchedClusterId}:open`);
-    } else {
-      this.props.commandOverlay.open(<CommandDialog />);
-    }
-  };
-
-  onKeyboardShortcut(action: () => void) {
-    return ({ key, shiftKey, ctrlKey, altKey, metaKey }: KeyboardEvent) => {
-      const ctrlOrCmd = this.props.isMac ? metaKey && !ctrlKey : !metaKey && ctrlKey;
-
-      if (key === "p" && shiftKey && ctrlOrCmd && !altKey) {
-        action();
-      }
-    };
-  }
-
   componentDidMount() {
-    const { clusterId, addWindowEventListener, commandOverlay } = this.props;
+    const { clusterId, addWindowEventListener, commandOverlay, matchedClusterId, isMac } = this.props;
 
     const action = clusterId
       ? () => commandOverlay.open(<CommandDialog />)
-      : this.handleCommandPalette;
+      : () => {
+        const matchedId = matchedClusterId.get();
+
+        if (matchedId) {
+          broadcastMessage(`command-palette:${matchedClusterId}:open`);
+        } else {
+          commandOverlay.open(<CommandDialog />);
+        }
+      };
     const ipcChannel = clusterId
       ? `command-palette:${clusterId}:open`
       : "command-palette:open";
 
     disposeOnUnmount(this, [
       this.props.legacyOnChannelListen(ipcChannel, action),
-      addWindowEventListener("keydown", this.onKeyboardShortcut(action)),
-      addWindowEventListener("keyup", this.escHandler, true),
+      addWindowEventListener("keydown", onKeyboardShortcut(
+        isMac
+          ? "Shift+Cmd+P"
+          : "Shift+Ctrl+P",
+        action,
+      )),
+      addWindowEventListener("keydown", (event) => {
+        if (event.code === "Escape") {
+          event.stopPropagation();
+          this.props.commandOverlay.close();
+        }
+      }),
     ]);
   }
 
@@ -84,11 +76,11 @@ class NonInjectedCommandContainer extends React.Component<Dependencies> {
     return (
       <Dialog
         isOpen={commandOverlay.isOpen}
-        animated={true}
+        animated={false}
         onClose={commandOverlay.close}
         modal={false}
       >
-        <div id="command-container">
+        <div className={styles.CommandContainer} data-testid="command-container">
           {commandOverlay.component}
         </div>
       </Dialog>
diff --git a/src/renderer/components/command-palette/command-overlay.injectable.ts b/src/renderer/components/command-palette/command-overlay.injectable.ts
index 542bab957d..988a5dcbdb 100644
--- a/src/renderer/components/command-palette/command-overlay.injectable.ts
+++ b/src/renderer/components/command-palette/command-overlay.injectable.ts
@@ -4,7 +4,7 @@
  */
 
 import { getInjectable } from "@ogre-tools/injectable";
-import { observable } from "mobx";
+import { action, observable } from "mobx";
 import React from "react";
 
 export class CommandOverlay {
@@ -14,17 +14,17 @@ export class CommandOverlay {
     return Boolean(this.#component.get());
   }
 
-  open = (component: React.ReactElement) => {
+  open = action((component: React.ReactElement) => {
     if (!React.isValidElement(component)) {
       throw new TypeError("CommandOverlay.open must be passed a valid ReactElement");
     }
 
     this.#component.set(component);
-  };
+  });
 
-  close = () => {
+  close = action(() => {
     this.#component.set(null);
-  };
+  });
 
   get component(): React.ReactElement | null {
     return this.#component.get();
diff --git a/src/renderer/components/command-palette/registered-commands/get-entity-setting-commands.injectable.ts b/src/renderer/components/command-palette/registered-commands/get-entity-setting-commands.injectable.ts
new file mode 100644
index 0000000000..c2ea86d29c
--- /dev/null
+++ b/src/renderer/components/command-palette/registered-commands/get-entity-setting-commands.injectable.ts
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { RegisteredEntitySetting } from "../../../../extensions/registries";
+import { EntitySettingRegistry } from "../../../../extensions/registries";
+
+export type GetEntitySettingCommands = (kind: string, apiVersion: string, source?: string) => RegisteredEntitySetting[];
+
+const getEntitySettingCommandsInjectable = getInjectable({
+  id: "get-entity-setting-commands",
+  instantiate: (): GetEntitySettingCommands => {
+    const reg = EntitySettingRegistry.getInstance();
+
+    return (kind, apiVersion, source) => reg.getItemsForKind(kind, apiVersion, source);
+  },
+  causesSideEffects: true,
+});
+
+export default getEntitySettingCommandsInjectable;
diff --git a/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx b/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx
index 66f59df706..8bf2b196f5 100644
--- a/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx
+++ b/src/renderer/components/command-palette/registered-commands/internal-commands.injectable.tsx
@@ -5,7 +5,6 @@
 
 import React from "react";
 import type { RegisteredEntitySetting } from "../../../../extensions/registries";
-import { EntitySettingRegistry } from "../../../../extensions/registries";
 import { HotbarAddCommand } from "../../hotbar/hotbar-add-command";
 import { HotbarRemoveCommand } from "../../hotbar/hotbar-remove-command";
 import { HotbarSwitchCommand } from "../../hotbar/hotbar-switch-command";
@@ -25,19 +24,21 @@ import navigateToResourceQuotasInjectable from "../../../../common/front-end-rou
 import navigateToLimitRangesInjectable from "../../../../common/front-end-routing/routes/cluster/config/limit-ranges/navigate-to-limit-ranges.injectable";
 import navigateToHorizontalPodAutoscalersInjectable from "../../../../common/front-end-routing/routes/cluster/config/horizontal-pod-autoscalers/navigate-to-horizontal-pod-autoscalers.injectable";
 import navigateToPodDisruptionBudgetsInjectable from "../../../../common/front-end-routing/routes/cluster/config/pod-disruption-budgets/navigate-to-pod-disruption-budgets.injectable";
+import navigateToPriorityClassesInjectable from "../../../../common/front-end-routing/routes/cluster/config/priority-classes/navigate-to-priority-classes.injectable";
 import navigateToServicesInjectable from "../../../../common/front-end-routing/routes/cluster/network/services/navigate-to-services.injectable";
 import navigateToEndpointsInjectable from "../../../../common/front-end-routing/routes/cluster/network/endpoints/navigate-to-endpoints.injectable";
 import navigateToIngressesInjectable from "../../../../common/front-end-routing/routes/cluster/network/ingresses/navigate-to-ingresses.injectable";
 import navigateToNetworkPoliciesInjectable from "../../../../common/front-end-routing/routes/cluster/network/network-policies/navigate-to-network-policies.injectable";
 import navigateToNodesInjectable from "../../../../common/front-end-routing/routes/cluster/nodes/navigate-to-nodes.injectable";
 import navigateToPodsInjectable from "../../../../common/front-end-routing/routes/cluster/workloads/pods/navigate-to-pods.injectable";
-import navigateToDeploymentsInjectable  from "../../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
+import navigateToDeploymentsInjectable from "../../../../common/front-end-routing/routes/cluster/workloads/deployments/navigate-to-deployments.injectable";
 import navigateToDaemonsetsInjectable from "../../../../common/front-end-routing/routes/cluster/workloads/daemonsets/navigate-to-daemonsets.injectable";
 import navigateToStatefulsetsInjectable from "../../../../common/front-end-routing/routes/cluster/workloads/statefulsets/navigate-to-statefulsets.injectable";
 import navigateToJobsInjectable from "../../../../common/front-end-routing/routes/cluster/workloads/jobs/navigate-to-jobs.injectable";
 import navigateToCronJobsInjectable from "../../../../common/front-end-routing/routes/cluster/workloads/cron-jobs/navigate-to-cron-jobs.injectable";
 import navigateToCustomResourcesInjectable from "../../../../common/front-end-routing/routes/cluster/custom-resources/custom-resources/navigate-to-custom-resources.injectable";
 import navigateToEntitySettingsInjectable from "../../../../common/front-end-routing/routes/entity-settings/navigate-to-entity-settings.injectable";
+import getEntitySettingCommandsInjectable from "./get-entity-setting-commands.injectable";
 
 export function isKubernetesClusterActive(context: CommandContext): boolean {
   return context.entity?.kind === "KubernetesCluster";
@@ -57,6 +58,7 @@ interface Dependencies {
   navigateToLimitRanges: () => void;
   navigateToHorizontalPodAutoscalers: () => void;
   navigateToPodDisruptionBudgets: () => void;
+  navigateToPriorityClasses: () => void;
   navigateToServices: () => void;
   navigateToEndpoints: () => void;
   navigateToIngresses: () => void;
@@ -127,6 +129,12 @@ function getInternalCommands(dependencies: Dependencies): CommandRegistration[]
       isActive: isKubernetesClusterActive,
       action: () => dependencies.navigateToPodDisruptionBudgets(),
     },
+    {
+      id: "cluster.viewPriorityClasses",
+      title: "Cluster: View PriorityClasses",
+      isActive: isKubernetesClusterActive,
+      action: () => dependencies.navigateToPriorityClasses(),
+    },
     {
       id: "cluster.viewServices",
       title: "Cluster: View Services",
@@ -247,9 +255,7 @@ const internalCommandsInjectable = getInjectable({
 
   instantiate: (di) => getInternalCommands({
     openCommandDialog: di.inject(commandOverlayInjectable).open,
-    getEntitySettingItems: EntitySettingRegistry
-      .getInstance()
-      .getItemsForKind,
+    getEntitySettingItems: di.inject(getEntitySettingCommandsInjectable),
     createTerminalTab: di.inject(createTerminalTabInjectable),
     navigateToPreferences: di.inject(navigateToPreferencesInjectable),
     navigateToHelmCharts: di.inject(navigateToHelmChartsInjectable),
@@ -260,6 +266,7 @@ const internalCommandsInjectable = getInjectable({
     navigateToLimitRanges: di.inject(navigateToLimitRangesInjectable),
     navigateToHorizontalPodAutoscalers: di.inject(navigateToHorizontalPodAutoscalersInjectable),
     navigateToPodDisruptionBudgets: di.inject(navigateToPodDisruptionBudgetsInjectable),
+    navigateToPriorityClasses: di.inject(navigateToPriorityClassesInjectable),
     navigateToServices: di.inject(navigateToServicesInjectable),
     navigateToEndpoints: di.inject(navigateToEndpointsInjectable),
     navigateToIngresses: di.inject(navigateToIngressesInjectable),
diff --git a/src/renderer/components/confirm-dialog/confirm-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/confirm-dialog/confirm-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..196d18b27f
--- /dev/null
+++ b/src/renderer/components/confirm-dialog/confirm-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { ConfirmDialog } from "./confirm-dialog";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const confirmDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "confirm-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "confirm-dialog",
+    shouldRender: computed(() => true),
+    Component: ConfirmDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+});
+
+export default confirmDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/confirm-dialog/confirm-dialog-root-frame-child-component.injectable.ts b/src/renderer/components/confirm-dialog/confirm-dialog-root-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..0132040818
--- /dev/null
+++ b/src/renderer/components/confirm-dialog/confirm-dialog-root-frame-child-component.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { rootFrameChildComponentInjectionToken } from "../../frames/root-frame/root-frame-child-component-injection-token";
+import { computed } from "mobx";
+import { ConfirmDialog } from "./confirm-dialog";
+
+const confirmDialogRootFrameChildComponentInjectable = getInjectable({
+  id: "confirm-dialog-root-frame-child-component",
+
+  instantiate: () => ({
+    id: "confirm-dialog",
+    shouldRender: computed(() => true),
+    Component: ConfirmDialog,
+  }),
+
+  injectionToken: rootFrameChildComponentInjectionToken,
+});
+
+export default confirmDialogRootFrameChildComponentInjectable;
diff --git a/src/renderer/components/countdown/countdown-state.injectable.ts b/src/renderer/components/countdown/countdown-state.injectable.ts
new file mode 100644
index 0000000000..6cd290b4cf
--- /dev/null
+++ b/src/renderer/components/countdown/countdown-state.injectable.ts
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import {
+  computed,
+  observable,
+  onBecomeObserved,
+  onBecomeUnobserved,
+  runInAction,
+} from "mobx";
+
+const countdownStateInjectable = getInjectable({
+  id: "countdown-state",
+
+  instantiate: (
+    di,
+    { startFrom, onZero }: { startFrom: number; onZero: () => void },
+  ) => {
+    const state = observable.box(startFrom);
+
+    let intervalId: NodeJS.Timer | undefined;
+
+    const stop = () => {
+      clearInterval(intervalId);
+    };
+
+    const start = () => {
+      intervalId = setInterval(() => {
+        const secondsLeft = state.get() - 1;
+
+        runInAction(() => {
+          state.set(secondsLeft);
+        });
+
+        if (secondsLeft === 0) {
+          stop();
+          onZero();
+        }
+      }, 1000);
+    };
+
+    onBecomeObserved(state, start);
+    onBecomeUnobserved(state, stop);
+
+    return computed(() => state.get());
+  },
+
+  lifecycle: lifecycleEnum.transient,
+});
+
+export default countdownStateInjectable;
diff --git a/src/renderer/components/countdown/countdown.test.tsx b/src/renderer/components/countdown/countdown.test.tsx
new file mode 100644
index 0000000000..9bb08f486b
--- /dev/null
+++ b/src/renderer/components/countdown/countdown.test.tsx
@@ -0,0 +1,142 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DiContainer } from "@ogre-tools/injectable";
+import { createContainer } from "@ogre-tools/injectable";
+import countdownStateInjectable from "./countdown-state.injectable";
+import type { DiRender } from "../test-utils/renderFor";
+import { renderFor } from "../test-utils/renderFor";
+import { Countdown } from "./countdown";
+import React from "react";
+import type { RenderResult } from "@testing-library/react";
+import { advanceFakeTime, useFakeTime } from "../../../common/test-utils/use-fake-time";
+import type { IComputedValue } from "mobx";
+import { observe } from "mobx";
+import { noop } from "../../../common/utils";
+
+describe("countdown", () => {
+  let di: DiContainer;
+  let render: DiRender;
+
+  beforeEach(() => {
+    useFakeTime("2015-10-21T07:28:00Z");
+
+    di = createContainer("irrelevant");
+
+    render = renderFor(di);
+
+    di.register(countdownStateInjectable);
+  });
+
+  describe("when rendering countdown", () => {
+    let rendered: RenderResult;
+    let onZeroMock: jest.Mock;
+
+    beforeEach(() => {
+      onZeroMock = jest.fn();
+
+      const secondsTill = di.inject(countdownStateInjectable, {
+        startFrom: 42,
+        onZero: onZeroMock,
+      });
+
+      rendered = render(
+        <Countdown secondsTill={secondsTill} />,
+      );
+    });
+
+    it("renders with initial seconds", () => {
+      expect(rendered.container).toHaveTextContent("42");
+    });
+
+    describe("when time passes", () => {
+      beforeEach(() => {
+        advanceFakeTime(1000);
+      });
+
+      it("updates the seconds", () => {
+        expect(rendered.container).toHaveTextContent("41");
+      });
+
+      it("does not call callback yet", () => {
+        expect(onZeroMock).not.toHaveBeenCalled();
+      });
+    });
+
+    it("when just not enough time passes to fulfill the countdown, does not call the callback yet", () => {
+      advanceFakeTime(41 * 1000);
+
+      expect(onZeroMock).not.toHaveBeenCalled();
+    });
+
+    describe("when time passes enough to fulfill the countdown", () => {
+      beforeEach(() => {
+        advanceFakeTime(42 * 1000);
+      });
+
+      it("shows zero as seconds", () => {
+        expect(rendered.container).toHaveTextContent("0");
+      });
+
+      it("calls the callback", () => {
+        expect(onZeroMock).toHaveBeenCalled();
+      });
+
+      describe("when time passes even more", () => {
+        beforeEach(() => {
+          onZeroMock.mockClear();
+
+          advanceFakeTime(1000);
+        });
+
+        it("does not update the countdown anymore", () => {
+          expect(rendered.container).toHaveTextContent("0");
+        });
+
+        it("does not call the callback", () => {
+          expect(onZeroMock).not.toHaveBeenCalled();
+        });
+      });
+    });
+  });
+
+  describe("given observed", () => {
+    let onZeroMock: jest.Mock;
+    let unobserve: () => void;
+    let secondsTill: IComputedValue<number>;
+
+    beforeEach(() => {
+      onZeroMock = jest.fn();
+
+      secondsTill = di.inject(countdownStateInjectable, {
+        startFrom: 1,
+        onZero: onZeroMock,
+      });
+
+      unobserve = observe(secondsTill, noop);
+    });
+
+    describe("given unobserved, when enough time passes so that it would fulfill the countdown", () => {
+      beforeEach(() => {
+        onZeroMock.mockClear();
+
+        unobserve();
+
+        advanceFakeTime(1000);
+      });
+
+      it("does not call callback yet", () => {
+        expect(onZeroMock).not.toHaveBeenCalled();
+      });
+
+      it("given observed again, when time passes to fulfill the countdown, calls the callback", () => {
+        observe(secondsTill, noop);
+
+        advanceFakeTime(1000);
+
+        expect(onZeroMock).toHaveBeenCalled();
+      });
+    });
+  });
+});
diff --git a/src/renderer/components/countdown/countdown.tsx b/src/renderer/components/countdown/countdown.tsx
new file mode 100644
index 0000000000..82b0d60e92
--- /dev/null
+++ b/src/renderer/components/countdown/countdown.tsx
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import type { HTMLAttributes } from "react";
+import React from "react";
+
+interface CountdownProps extends HTMLAttributes<HTMLSpanElement> {
+  secondsTill: IComputedValue<number>;
+}
+
+export const Countdown = observer(({ secondsTill, ...props }: CountdownProps) => (
+  <span {...props}>{secondsTill.get()}</span>
+));
diff --git a/src/renderer/components/delete-cluster-dialog/__tests__/delete-cluster-dialog.test.tsx b/src/renderer/components/delete-cluster-dialog/__tests__/delete-cluster-dialog.test.tsx
index 09bf3a0700..ad810ef2dd 100644
--- a/src/renderer/components/delete-cluster-dialog/__tests__/delete-cluster-dialog.test.tsx
+++ b/src/renderer/components/delete-cluster-dialog/__tests__/delete-cluster-dialog.test.tsx
@@ -6,44 +6,19 @@ import "@testing-library/jest-dom/extend-expect";
 import { KubeConfig } from "@kubernetes/client-node";
 import { fireEvent } from "@testing-library/react";
 import type { RenderResult } from "@testing-library/react";
-import mockFs from "mock-fs";
-import React from "react";
 import * as selectEvent from "react-select-event";
-import { DeleteClusterDialog } from "../view";
 import type { CreateCluster } from "../../../../common/cluster/create-cluster-injection-token";
 import { createClusterInjectionToken } from "../../../../common/cluster/create-cluster-injection-token";
 import createContextHandlerInjectable from "../../../../main/context-handler/create-context-handler.injectable";
-import type { OpenDeleteClusterDialog } from "../open.injectable";
-import openDeleteClusterDialogInjectable from "../open.injectable";
 import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
 import createKubeconfigManagerInjectable from "../../../../main/kubeconfig-manager/create-kubeconfig-manager.injectable";
 import type { ApplicationBuilder } from "../../test-utils/get-application-builder";
 import { getApplicationBuilder } from "../../test-utils/get-application-builder";
-import { frontEndRouteInjectionToken } from "../../../../common/front-end-routing/front-end-route-injection-token";
-import { getInjectable } from "@ogre-tools/injectable";
-import { computed } from "mobx";
-import { routeSpecificComponentInjectionToken } from "../../../routes/route-specific-component-injection-token";
-import { navigateToRouteInjectionToken } from "../../../../common/front-end-routing/navigate-to-route-injection-token";
-import hotbarStoreInjectable from "../../../../common/hotbars/store.injectable";
 import normalizedPlatformInjectable from "../../../../common/vars/normalized-platform.injectable";
 import kubectlBinaryNameInjectable from "../../../../main/kubectl/binary-name.injectable";
 import kubectlDownloadingNormalizedArchInjectable from "../../../../main/kubectl/normalized-arch.injectable";
-
-jest.mock("electron", () => ({
-  app: {
-    getVersion: () => "99.99.99",
-    getName: () => "lens",
-    setName: jest.fn(),
-    setPath: jest.fn(),
-    getPath: () => "tmp",
-    getLocale: () => "en",
-    setLoginItemSettings: jest.fn(),
-  },
-  ipcMain: {
-    on: jest.fn(),
-    handle: jest.fn(),
-  },
-}));
+import type { OpenDeleteClusterDialog } from "../open.injectable";
+import openDeleteClusterDialogInjectable from "../open.injectable";
 
 const currentClusterServerUrl = "https://localhost";
 const nonCurrentClusterServerUrl = "http://localhost";
@@ -95,78 +70,50 @@ users:
     token: kubeconfig-user-q4lm4:xxxyyyy
 `;
 
-let config: KubeConfig;
-
 describe("<DeleteClusterDialog />", () => {
-  let applicationBuilder: ApplicationBuilder;
-  let createCluster: CreateCluster;
-  let openDeleteClusterDialog: OpenDeleteClusterDialog;
+  let builder: ApplicationBuilder;
 
-  beforeEach(async () => {
-    applicationBuilder = getApplicationBuilder();
+  beforeEach(() => {
+    builder = getApplicationBuilder();
 
-    applicationBuilder.beforeApplicationStart(({ mainDi, rendererDi }) => {
+    builder.beforeApplicationStart((mainDi) => {
       mainDi.override(createContextHandlerInjectable, () => () => undefined as never);
       mainDi.override(createKubeconfigManagerInjectable, () => () => undefined as never);
       mainDi.override(kubectlBinaryNameInjectable, () => "kubectl");
       mainDi.override(kubectlDownloadingNormalizedArchInjectable, () => "amd64");
       mainDi.override(normalizedPlatformInjectable, () => "darwin");
-
-      rendererDi.override(hotbarStoreInjectable, () => ({}));
-      rendererDi.override(storesAndApisCanBeCreatedInjectable, () => true);
     });
 
-    const { rendererDi } = applicationBuilder.dis;
-
-    rendererDi.register(testRouteInjectable, testRouteComponentInjectable);
-
-    applicationBuilder.beforeRender(({ rendererDi }) => {
-      const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
-      const testRoute = rendererDi.inject(testRouteInjectable);
-
-      navigateToRoute(testRoute);
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(storesAndApisCanBeCreatedInjectable, () => true);
     });
-
-    mockFs();
-
-    applicationBuilder.beforeRender(({ rendererDi }) => {
-      openDeleteClusterDialog = rendererDi.inject(openDeleteClusterDialogInjectable);
-      createCluster = rendererDi.inject(createClusterInjectionToken);
-    });
-  });
-
-  afterEach(() => {
-    mockFs.restore();
   });
 
   it("shows context switcher when deleting current cluster", async () => {
-    const mockOpts = {
-      "temp-kube-config": multiClusterConfig,
-    };
+    const config = new KubeConfig();
 
-    mockFs(mockOpts);
-
-    config = new KubeConfig();
     config.loadFromString(multiClusterConfig);
 
-    applicationBuilder.beforeRender(({ rendererDi }) => {
-      const createCluster = rendererDi.inject(createClusterInjectionToken);
+    const rendered = await builder.render();
 
-      const cluster = createCluster({
-        id: "some-current-context-cluster",
-        contextName: "some-current-context",
-        preferences: {
-          clusterName: "some-current-context-cluster",
-        },
-        kubeConfigPath: "./temp-kube-config",
-      }, {
-        clusterServerUrl: currentClusterServerUrl,
-      });
+    const windowDi = builder.applicationWindow.only.di;
 
-      openDeleteClusterDialog({ cluster, config });
+    const createCluster = windowDi.inject(createClusterInjectionToken);
+
+    const cluster = createCluster({
+      id: "some-current-context-cluster",
+      contextName: "some-current-context",
+      preferences: {
+        clusterName: "some-current-context-cluster",
+      },
+      kubeConfigPath: "./temp-kube-config",
+    }, {
+      clusterServerUrl: currentClusterServerUrl,
     });
 
-    const rendered = await applicationBuilder.render();
+    const openDeleteClusterDialog = windowDi.inject(openDeleteClusterDialogInjectable);
+
+    openDeleteClusterDialog({ cluster, config });
 
     const { getByText } = rendered;
 
@@ -179,21 +126,23 @@ describe("<DeleteClusterDialog />", () => {
     expect(getByText("some-non-current-context")).toBeInTheDocument();
   });
 
-
   describe("Kubeconfig with different clusters", () => {
     let rendered: RenderResult;
+    let openDeleteClusterDialog: OpenDeleteClusterDialog;
+    let createCluster: CreateCluster;
+    let config: KubeConfig;
 
     beforeEach(async () => {
-      const mockOpts = {
-        "temp-kube-config": multiClusterConfig,
-      };
-
-      mockFs(mockOpts);
-
       config = new KubeConfig();
+
       config.loadFromString(multiClusterConfig);
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
+
+      const windowDi = builder.applicationWindow.only.di;
+
+      openDeleteClusterDialog = windowDi.inject(openDeleteClusterDialogInjectable);
+      createCluster = windowDi.inject(createClusterInjectionToken);
     });
 
     it("renders w/o errors", () => {
@@ -289,18 +238,21 @@ describe("<DeleteClusterDialog />", () => {
 
   describe("Kubeconfig with single cluster", () => {
     let rendered: RenderResult;
+    let openDeleteClusterDialog: OpenDeleteClusterDialog;
+    let createCluster: CreateCluster;
+    let config: KubeConfig;
 
     beforeEach(async () => {
-      const mockOpts = {
-        "temp-kube-config": singleClusterConfig,
-      };
-
-      mockFs(mockOpts);
-
       config = new KubeConfig();
+
       config.loadFromString(singleClusterConfig);
 
-      rendered = await applicationBuilder.render();
+      rendered = await builder.render();
+
+      const windowDi = builder.applicationWindow.only.di;
+
+      openDeleteClusterDialog = windowDi.inject(openDeleteClusterDialogInjectable);
+      createCluster = windowDi.inject(createClusterInjectionToken);
     });
 
     it("shows warning if no other contexts left", () => {
@@ -321,26 +273,3 @@ describe("<DeleteClusterDialog />", () => {
     });
   });
 });
-
-const testRouteInjectable = getInjectable({
-  id: "some-test-route",
-
-  instantiate: () => ({
-    path: "/some-test-path",
-    clusterFrame: false,
-    isEnabled: computed(() => true),
-  }),
-
-  injectionToken: frontEndRouteInjectionToken,
-});
-
-const testRouteComponentInjectable = getInjectable({
-  id: "some-test-component",
-
-  instantiate: (di) => ({
-    route: di.inject(testRouteInjectable),
-    Component: () => <DeleteClusterDialog />,
-  }),
-
-  injectionToken: routeSpecificComponentInjectionToken,
-});
diff --git a/src/renderer/components/delete-cluster-dialog/delete-cluster-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/delete-cluster-dialog/delete-cluster-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..ed91967d39
--- /dev/null
+++ b/src/renderer/components/delete-cluster-dialog/delete-cluster-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { DeleteClusterDialog } from "./view";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const deleteClusterDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "delete-cluster-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "delete-cluster-dialog",
+    shouldRender: computed(() => true),
+    Component: DeleteClusterDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default deleteClusterDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/dialog/dialog.tsx b/src/renderer/components/dialog/dialog.tsx
index 1adc01dd22..a8f8c93bdc 100644
--- a/src/renderer/components/dialog/dialog.tsx
+++ b/src/renderer/components/dialog/dialog.tsx
@@ -14,6 +14,7 @@ import { cssNames, noop, stopPropagation } from "../../utils";
 import type { ObservableHistory } from "mobx-observable-history";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import observableHistoryInjectable from "../../navigation/observable-history.injectable";
+import requestAnimationFrameInjectable from "../animate/request-animation-frame.injectable";
 
 // todo: refactor + handle animation-end in props.onClose()?
 
@@ -37,6 +38,7 @@ interface DialogState {
 
 interface Dependencies {
   navigation: ObservableHistory<unknown>;
+  requestAnimationFrame: (callback: () => void) => void;
 }
 
 @observer
@@ -95,7 +97,7 @@ class NonInjectedDialog extends React.PureComponent<DialogProps & Dependencies &
   }
 
   open() {
-    requestAnimationFrame(this.onOpen); // wait for render(), bind close-event to this.elem
+    this.props.requestAnimationFrame(this.onOpen); // wait for render(), bind close-event to this.elem
     this.setState({ isOpen: true });
     this.props.open?.();
   }
@@ -182,5 +184,6 @@ export const Dialog = withInjectables<Dependencies, DialogProps>((props) => <Non
   getProps: (di, props) => ({
     ...props,
     navigation: di.inject(observableHistoryInjectable),
+    requestAnimationFrame: di.inject(requestAnimationFrameInjectable),
   }),
 });
diff --git a/src/renderer/components/dialog/logs-dialog.tsx b/src/renderer/components/dialog/logs-dialog.tsx
index 5cff3e5c00..e8feb79db1 100644
--- a/src/renderer/components/dialog/logs-dialog.tsx
+++ b/src/renderer/components/dialog/logs-dialog.tsx
@@ -13,8 +13,7 @@ import { Notifications } from "../notifications";
 import { Button } from "../button";
 import { Icon } from "../icon";
 import { clipboard } from "electron";
-
-// todo: make as external BrowserWindow (?)
+import { kebabCase } from "lodash/fp";
 
 export interface LogsDialogProps extends DialogProps {
   title: string;
@@ -26,6 +25,7 @@ export function LogsDialog({ title, logs, ...dialogProps }: LogsDialogProps) {
     <Dialog
       {...dialogProps}
       className="LogsDialog"
+      data-testid={`logs-dialog-for-${kebabCase(title)}`}
     >
       <Wizard
         header={<h5>{title}</h5>}
diff --git a/src/renderer/components/dock/__test__/dock-tabs.test.tsx b/src/renderer/components/dock/__test__/dock-tabs.test.tsx
index 8c834061d8..0dbb548be7 100644
--- a/src/renderer/components/dock/__test__/dock-tabs.test.tsx
+++ b/src/renderer/components/dock/__test__/dock-tabs.test.tsx
@@ -17,7 +17,6 @@ import type { DiRender } from "../../test-utils/renderFor";
 import { renderFor } from "../../test-utils/renderFor";
 import directoryForUserDataInjectable from "../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import getConfigurationFileModelInjectable from "../../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import assert from "assert";
 import hostedClusterIdInjectable from "../../../cluster-frame-context/hosted-cluster-id.injectable";
 
@@ -84,7 +83,6 @@ describe("<DockTabs />", () => {
     );
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     dockStore = di.inject(dockStoreInjectable);
 
diff --git a/src/renderer/components/dock/create-resource/view.tsx b/src/renderer/components/dock/create-resource/view.tsx
index 711397c752..a9245e4494 100644
--- a/src/renderer/components/dock/create-resource/view.tsx
+++ b/src/renderer/components/dock/create-resource/view.tsx
@@ -11,7 +11,6 @@ import type { IComputedValue } from "mobx";
 import { makeObservable, observable } from "mobx";
 import { observer } from "mobx-react";
 import type { CreateResourceTabStore } from "./store";
-import type { DockTab } from "../dock/store";
 import { EditorPanel } from "../editor-panel";
 import { InfoPanel } from "../info-panel";
 import * as resourceApplierApi from "../../../../common/k8s-api/endpoints/resource-applier.api";
@@ -31,7 +30,7 @@ import getDetailsUrlInjectable from "../../kube-detail-params/get-details-url.in
 import navigateInjectable from "../../../navigation/navigate.injectable";
 
 export interface CreateResourceProps {
-  tab: DockTab;
+  tabId: string;
 }
 
 interface Dependencies {
@@ -52,7 +51,7 @@ class NonInjectedCreateResource extends React.Component<CreateResourceProps & De
   }
 
   get tabId() {
-    return this.props.tab.id;
+    return this.props.tabId;
   }
 
   get data() {
diff --git a/src/renderer/components/dock/dock-tab.tsx b/src/renderer/components/dock/dock-tab.tsx
index 1e6dc64077..df578675fd 100644
--- a/src/renderer/components/dock/dock-tab.tsx
+++ b/src/renderer/components/dock/dock-tab.tsx
@@ -14,10 +14,10 @@ import { Tab } from "../tabs";
 import { Icon } from "../icon";
 import { Menu, MenuItem } from "../menu";
 import { observable } from "mobx";
-import { isMac } from "../../../common/vars";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import dockStoreInjectable from "./dock/store.injectable";
 import { Tooltip, TooltipPosition } from "../tooltip";
+import isMacInjectable from "../../../common/vars/is-mac.injectable";
 
 export interface DockTabProps extends TabProps<DockTabModel> {
   moreActions?: React.ReactNode;
@@ -25,6 +25,7 @@ export interface DockTabProps extends TabProps<DockTabModel> {
 
 interface Dependencies {
   dockStore: DockStore;
+  isMac: boolean;
 }
 
 @observer
@@ -73,7 +74,7 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
   }
 
   render() {
-    const { className, moreActions, dockStore, active, ...tabProps } = this.props;
+    const { className, moreActions, dockStore, active, isMac, ...tabProps } = this.props;
 
     if (!tabProps.value) {
       return;
@@ -100,7 +101,7 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
                   <Icon
                     small
                     material="close"
-                    tooltip={`Close ${isMac ? "⌘+W" : "Ctrl+W"}`}
+                    tooltip={`Close ${this.props.isMac ? "⌘+W" : "Ctrl+W"}`}
                     onClick={close}
                   />
                 </div>
@@ -114,6 +115,7 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
               </Tooltip>
             </div>
           )}
+          data-testid={`dock-tab-for-${id}`}
         />
         {this.renderMenu(id)}
       </>
@@ -124,6 +126,7 @@ class NonInjectedDockTab extends React.Component<DockTabProps & Dependencies> {
 export const DockTab = withInjectables<Dependencies, DockTabProps>(NonInjectedDockTab, {
   getProps: (di, props) => ({
     dockStore: di.inject(dockStoreInjectable),
+    isMac: di.inject(isMacInjectable),
     ...props,
   }),
 });
diff --git a/src/renderer/components/dock/dock-tabs.tsx b/src/renderer/components/dock/dock-tabs.tsx
index 5733d1f161..87b4aa756b 100644
--- a/src/renderer/components/dock/dock-tabs.tsx
+++ b/src/renderer/components/dock/dock-tabs.tsx
@@ -11,8 +11,8 @@ import { DockTab } from "./dock-tab";
 import type { DockTab as DockTabModel } from "./dock/store";
 import { TabKind } from "./dock/store";
 import { TerminalTab } from "./terminal/dock-tab";
-import { useResizeObserver } from "../../hooks";
 import { cssVar } from "../../utils";
+import { useResizeObserver } from "../../hooks";
 
 export interface DockTabsProps {
   tabs: DockTabModel[];
diff --git a/src/renderer/components/dock/dock.tsx b/src/renderer/components/dock/dock.tsx
index 385d3e0fbc..ee4ff542b3 100644
--- a/src/renderer/components/dock/dock.tsx
+++ b/src/renderer/components/dock/dock.tsx
@@ -104,11 +104,11 @@ class NonInjectedDock extends React.Component<DockProps & Dependencies> {
   renderTab(tab: DockTab) {
     switch (tab.kind) {
       case TabKind.CREATE_RESOURCE:
-        return <CreateResource tab={tab} />;
+        return <CreateResource tabId={tab.id} />;
       case TabKind.EDIT_RESOURCE:
-        return <EditResource tab={tab} />;
+        return <EditResource tabId={tab.id} />;
       case TabKind.INSTALL_CHART:
-        return <InstallChart tab={tab} />;
+        return <InstallChart tabId={tab.id} />;
       case TabKind.UPGRADE_CHART:
         return <UpgradeChart tab={tab} />;
       case TabKind.POD_LOGS:
@@ -124,7 +124,10 @@ class NonInjectedDock extends React.Component<DockProps & Dependencies> {
     if (!isOpen || !selectedTab) return null;
 
     return (
-      <div className={`tab-content ${selectedTab.kind}`} style={{ flexBasis: height }}>
+      <div
+        className={`tab-content ${selectedTab.kind}`}
+        style={{ flexBasis: height }}
+        data-testid={`dock-tab-content-for-${selectedTab.id}`}>
         {this.renderTab(selectedTab)}
       </div>
     );
@@ -161,6 +164,7 @@ class NonInjectedDock extends React.Component<DockProps & Dependencies> {
           <div className={cssNames("toolbar flex gaps align-center box grow", { "pl-0": tabs.length == 0 })}>
             <div className="dock-menu box grow">
               <MenuActions
+                id="menu-actions-for-dock"
                 usePortal
                 triggerIcon={{ material: "add", className: "new-dock-tab", tooltip: "New tab" }}
                 closeOnScroll={false}
diff --git a/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.global-override-for-injectable.ts b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.global-override-for-injectable.ts
new file mode 100644
index 0000000000..ca999211f5
--- /dev/null
+++ b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.global-override-for-injectable.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../../../../common/test-utils/get-global-override";
+import callForPatchResourceInjectable from "./call-for-patch-resource.injectable";
+
+export default getGlobalOverride(callForPatchResourceInjectable, () => () => {
+  throw new Error(
+    "Tried to call patching of kube resource without explicit override.",
+  );
+});
diff --git a/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.injectable.ts b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.injectable.ts
new file mode 100644
index 0000000000..097ef1ccf3
--- /dev/null
+++ b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-patch-resource/call-for-patch-resource.injectable.ts
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { AsyncResult } from "../../../../../../common/utils/async-result";
+import apiManagerInjectable from "../../../../../../common/k8s-api/api-manager/manager.injectable";
+import type { JsonPatch } from "../../../../../../common/k8s-api/kube-object.store";
+import type { KubeObject } from "../../../../../../common/k8s-api/kube-object";
+import assert from "assert";
+import { getErrorMessage } from "../../../../../../common/utils/get-error-message";
+
+export type CallForPatchResource = (
+  item: KubeObject,
+  patch: JsonPatch
+) => Promise<AsyncResult<{ name: string; kind: string }>>;
+
+const callForPatchResourceInjectable = getInjectable({
+  id: "call-for-patch-resource",
+  instantiate: (di): CallForPatchResource => {
+    const apiManager = di.inject(apiManagerInjectable);
+
+    return async (item, patch) => {
+      const store = apiManager.getStore(item.selfLink);
+
+      assert(store);
+
+      let kubeObject: KubeObject;
+
+      try {
+        kubeObject = await store.patch(item, patch);
+      } catch (e: any) {
+        return {
+          callWasSuccessful: false,
+          error: getErrorMessage(e),
+        };
+      }
+
+      return {
+        callWasSuccessful: true,
+        response: { name: kubeObject.getName(), kind: kubeObject.kind },
+      };
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default callForPatchResourceInjectable;
diff --git a/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.global-override-for-injectable.ts b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.global-override-for-injectable.ts
new file mode 100644
index 0000000000..a4e768da9a
--- /dev/null
+++ b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.global-override-for-injectable.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../../../../../common/test-utils/get-global-override";
+import callForResourceInjectable from "./call-for-resource.injectable";
+
+export default getGlobalOverride(callForResourceInjectable, () => () => {
+  throw new Error(
+    "Tried to call for kube resource without explicit override.",
+  );
+});
diff --git a/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable.ts b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable.ts
new file mode 100644
index 0000000000..a74da59c78
--- /dev/null
+++ b/src/renderer/components/dock/edit-resource/edit-resource-model/call-for-resource/call-for-resource.injectable.ts
@@ -0,0 +1,50 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { KubeObject } from "../../../../../../common/k8s-api/kube-object";
+import { parseKubeApi } from "../../../../../../common/k8s-api/kube-api-parse";
+import type { AsyncResult } from "../../../../../../common/utils/async-result";
+import { getErrorMessage } from "../../../../../../common/utils/get-error-message";
+import apiManagerInjectable from "../../../../../../common/k8s-api/api-manager/manager.injectable";
+import { waitUntilDefined } from "../../../../../../common/utils";
+
+export type CallForResource = (
+  selfLink: string
+) => Promise<AsyncResult<KubeObject | undefined>>;
+
+const callForResourceInjectable = getInjectable({
+  id: "call-for-resource",
+
+  instantiate: (di): CallForResource => {
+    const apiManager = di.inject(apiManagerInjectable);
+
+    return async (apiPath: string) => {
+      const api = await waitUntilDefined(() => apiManager.getApi(apiPath));
+
+      const parsed = parseKubeApi(apiPath);
+
+      if (!api || !parsed.name) {
+        return { callWasSuccessful: false, error: "Invalid API path" };
+      }
+
+      let resource: KubeObject | null;
+
+      try {
+        resource = await api.get({
+          name: parsed.name,
+          namespace: parsed.namespace,
+        });
+      } catch (e) {
+        return { callWasSuccessful: false, error: getErrorMessage(e) };
+      }
+
+      return { callWasSuccessful: true, response: resource || undefined };
+    };
+  },
+
+  causesSideEffects: true,
+});
+
+export default callForResourceInjectable;
diff --git a/src/renderer/components/dock/edit-resource/edit-resource-model/edit-resource-model.injectable.tsx b/src/renderer/components/dock/edit-resource/edit-resource-model/edit-resource-model.injectable.tsx
new file mode 100644
index 0000000000..f6e3d09d63
--- /dev/null
+++ b/src/renderer/components/dock/edit-resource/edit-resource-model/edit-resource-model.injectable.tsx
@@ -0,0 +1,183 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import type { CallForResource } from "./call-for-resource/call-for-resource.injectable";
+import callForResourceInjectable from "./call-for-resource/call-for-resource.injectable";
+import { waitUntilDefined } from "../../../../../common/utils";
+import editResourceTabStoreInjectable from "../store.injectable";
+import type { EditingResource, EditResourceTabStore } from "../store";
+import { action, computed, observable, runInAction } from "mobx";
+import type { KubeObject } from "../../../../../common/k8s-api/kube-object";
+import yaml from "js-yaml";
+import assert from "assert";
+import type { CallForPatchResource } from "./call-for-patch-resource/call-for-patch-resource.injectable";
+import callForPatchResourceInjectable from "./call-for-patch-resource/call-for-patch-resource.injectable";
+import { createPatch } from "rfc6902";
+import type { ShowNotification } from "../../../notifications";
+import showSuccessNotificationInjectable from "../../../notifications/show-success-notification.injectable";
+import React from "react";
+import showErrorNotificationInjectable from "../../../notifications/show-error-notification.injectable";
+
+const editResourceModelInjectable = getInjectable({
+  id: "edit-resource-model",
+
+  instantiate: async (di, tabId: string) => {
+    const store = di.inject(editResourceTabStoreInjectable);
+
+    const model = new EditResourceModel({
+      callForResource: di.inject(callForResourceInjectable),
+      callForPatchResource: di.inject(callForPatchResourceInjectable),
+      showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+      showErrorNotification: di.inject(showErrorNotificationInjectable),
+      store,
+      tabId,
+
+      waitForEditingResource: () =>
+        waitUntilDefined(() => store.getData(tabId)),
+    });
+
+    await model.load();
+
+    return model;
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, tabId: string) => tabId,
+  }),
+});
+
+export default editResourceModelInjectable;
+
+interface Dependencies {
+  callForResource: CallForResource;
+  callForPatchResource: CallForPatchResource;
+  waitForEditingResource: () => Promise<EditingResource>;
+  showSuccessNotification: ShowNotification;
+  showErrorNotification: ShowNotification;
+  store: EditResourceTabStore;
+  tabId: string;
+}
+
+export class EditResourceModel {
+  constructor(private dependencies: Dependencies) {
+  }
+
+  readonly configuration = {
+    value: computed(() => this.editingResource.draft || this.editingResource.firstDraft || ""),
+
+    onChange: action((value: string) => {
+      this.editingResource.draft = value;
+      this.configuration.error.value.set("");
+    }),
+
+    error: {
+      value: observable.box(""),
+
+      onChange: action((error: string) => {
+        this.configuration.error.value.set(error);
+      }),
+    },
+  };
+
+   @observable private _resource: KubeObject | undefined;
+
+   @computed get shouldShowErrorAboutNoResource() {
+     return !this._resource;
+   }
+
+   @computed get resource() {
+     assert(this._resource, "Resource does not have data");
+
+     return this._resource;
+   }
+
+   @computed get editingResource() {
+     const resource = this.dependencies.store.getData(this.dependencies.tabId);
+
+     assert(resource, "Resource is not present in the store");
+
+     return resource;
+   }
+
+   @computed private get selfLink() {
+     return this.editingResource.resource;
+   }
+
+   load = async () => {
+     await this.dependencies.waitForEditingResource();
+
+     const result = await this.dependencies.callForResource(this.selfLink);
+
+     if (!result.callWasSuccessful) {
+       this.dependencies.showErrorNotification(
+         `Loading resource failed: ${result.error}`,
+       );
+
+       return;
+     }
+
+     const resource = result.response;
+
+     runInAction(() => {
+       this._resource = resource;
+     });
+
+     if (!resource) {
+       return;
+     }
+
+     runInAction(() => {
+       this.editingResource.firstDraft = yaml.dump(resource.toPlainObject());
+     });
+   };
+
+   get namespace() {
+     return this.resource.metadata.namespace || "default";
+   }
+
+   get name() {
+     return this.resource.metadata.name;
+   }
+
+   get kind() {
+     return this.resource.kind;
+   }
+
+   save = async () => {
+     const currentValue = this.configuration.value.get();
+     const currentVersion = yaml.load(currentValue);
+     const firstVersion = yaml.load(this.editingResource.firstDraft ?? currentValue);
+     const patches = createPatch(firstVersion, currentVersion);
+
+     const result = await this.dependencies.callForPatchResource(this.resource, patches);
+
+     if (!result.callWasSuccessful) {
+       this.dependencies.showErrorNotification(
+         <p>
+           Failed to save resource:
+           {" "}
+           {result.error}
+         </p>,
+       );
+
+       return;
+     }
+
+     const { kind, name } = result.response;
+
+     this.dependencies.showSuccessNotification(
+       <p>
+         {kind}
+         {" "}
+         <b>{name}</b>
+         {" updated."}
+       </p>,
+     );
+
+     runInAction(() => {
+       this.editingResource.firstDraft = currentValue;
+     });
+   };
+}
diff --git a/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts b/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts
index 5d9382e4ce..c3eb15f0f9 100644
--- a/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts
+++ b/src/renderer/components/dock/edit-resource/edit-resource-tab.injectable.ts
@@ -6,52 +6,52 @@ import { getInjectable } from "@ogre-tools/injectable";
 import editResourceTabStoreInjectable from "./store.injectable";
 import dockStoreInjectable from "../dock/store.injectable";
 import type { KubeObject } from "../../../../common/k8s-api/kube-object";
-import type { DockStore, DockTabCreateSpecific, TabId } from "../dock/store";
+import type { DockTabCreateSpecific, TabId } from "../dock/store";
 import { TabKind } from "../dock/store";
-import type { EditResourceTabStore } from "./store";
 import { runInAction } from "mobx";
-
-interface Dependencies {
-  dockStore: DockStore;
-  editResourceStore: EditResourceTabStore;
-}
-
-const createEditResourceTab = ({ dockStore, editResourceStore }: Dependencies) => (object: KubeObject, tabParams: DockTabCreateSpecific = {}): TabId => {
-  // use existing tab if already opened
-  const tabId = editResourceStore.getTabIdByResource(object);
-
-  if (tabId) {
-    dockStore.open();
-    dockStore.selectTab(tabId);
-
-    return tabId;
-  }
-
-  return runInAction(() => {
-    const tab = dockStore.createTab(
-      {
-        title: `${object.kind}: ${object.getName()}`,
-        ...tabParams,
-        kind: TabKind.EDIT_RESOURCE,
-      },
-      false,
-    );
-
-    editResourceStore.setData(tab.id, {
-      resource: object.selfLink,
-    });
-
-    return tab.id;
-  });
-};
+import getRandomIdForEditResourceTabInjectable from "./get-random-id-for-edit-resource-tab.injectable";
 
 const createEditResourceTabInjectable = getInjectable({
   id: "create-edit-resource-tab",
 
-  instantiate: (di) => createEditResourceTab({
-    dockStore: di.inject(dockStoreInjectable),
-    editResourceStore: di.inject(editResourceTabStoreInjectable),
-  }),
+  instantiate: (di) => {
+    const dockStore = di.inject(dockStoreInjectable);
+    const editResourceStore = di.inject(editResourceTabStoreInjectable);
+    const getRandomId = di.inject(getRandomIdForEditResourceTabInjectable);
+
+    return (
+      object: KubeObject,
+      tabParams: DockTabCreateSpecific = {},
+    ): TabId => {
+      // use existing tab if already opened
+      const tabId = editResourceStore.getTabIdByResource(object);
+
+      if (tabId) {
+        dockStore.open();
+        dockStore.selectTab(tabId);
+
+        return tabId;
+      }
+
+      return runInAction(() => {
+        const tab = dockStore.createTab(
+          {
+            id: getRandomId(),
+            title: `${object.kind}: ${object.getName()}`,
+            ...tabParams,
+            kind: TabKind.EDIT_RESOURCE,
+          },
+          false,
+        );
+
+        editResourceStore.setData(tab.id, {
+          resource: object.selfLink,
+        });
+
+        return tab.id;
+      });
+    };
+  },
 });
 
 export default createEditResourceTabInjectable;
diff --git a/src/renderer/components/dock/edit-resource/get-random-id-for-edit-resource-tab.injectable.ts b/src/renderer/components/dock/edit-resource/get-random-id-for-edit-resource-tab.injectable.ts
new file mode 100644
index 0000000000..e71330d261
--- /dev/null
+++ b/src/renderer/components/dock/edit-resource/get-random-id-for-edit-resource-tab.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import getRandomIdInjectable from "../../../../common/utils/get-random-id.injectable";
+
+const getRandomIdForEditResourceTabInjectable = getInjectable({
+  id: "get-random-id-for-edit-resource-tab",
+  instantiate: (di) => di.inject(getRandomIdInjectable),
+});
+
+export default getRandomIdForEditResourceTabInjectable;
diff --git a/src/renderer/components/dock/edit-resource/store.injectable.ts b/src/renderer/components/dock/edit-resource/store.injectable.ts
index 3a8126abf3..dbf4f44a6d 100644
--- a/src/renderer/components/dock/edit-resource/store.injectable.ts
+++ b/src/renderer/components/dock/edit-resource/store.injectable.ts
@@ -5,14 +5,12 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import { EditResourceTabStore } from "./store";
 import createStorageInjectable from "../../../utils/create-storage/create-storage.injectable";
-import apiManagerInjectable from "../../../../common/k8s-api/api-manager/manager.injectable";
 
 const editResourceTabStoreInjectable = getInjectable({
   id: "edit-resource-tab-store",
 
   instantiate: (di) => new EditResourceTabStore({
     createStorage: di.inject(createStorageInjectable),
-    apiManager: di.inject(apiManagerInjectable),
   }),
 });
 
diff --git a/src/renderer/components/dock/edit-resource/store.ts b/src/renderer/components/dock/edit-resource/store.ts
index 97890db272..13a2d30ad9 100644
--- a/src/renderer/components/dock/edit-resource/store.ts
+++ b/src/renderer/components/dock/edit-resource/store.ts
@@ -5,10 +5,7 @@
 
 import type { DockTabStoreDependencies } from "../dock-tab-store/dock-tab.store";
 import { DockTabStore } from "../dock-tab-store/dock-tab.store";
-import type { TabId } from "../dock/store";
 import type { KubeObject } from "../../../../common/k8s-api/kube-object";
-import type { ApiManager } from "../../../../common/k8s-api/api-manager";
-import type { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
 
 export interface EditingResource {
   resource: string; // resource path, e.g. /api/v1/namespaces/default
@@ -16,50 +13,14 @@ export interface EditingResource {
   firstDraft?: string;
 }
 
-export interface EditResourceTabStoreDependencies extends DockTabStoreDependencies {
-  readonly apiManager: ApiManager;
-}
-
 export class EditResourceTabStore extends DockTabStore<EditingResource> {
-  constructor(protected readonly dependencies: EditResourceTabStoreDependencies) {
+  constructor(protected readonly dependencies: DockTabStoreDependencies) {
     super(dependencies, {
       storageKey: "edit_resource_store",
     });
   }
 
-  protected finalizeDataForSave({ draft, ...data }: EditingResource): EditingResource {
-    return data; // skip saving draft to local-storage
-  }
-
-  isReady(tabId: TabId) {
-    return super.isReady(tabId) && Boolean(this.getResource(tabId)); // ready to edit resource
-  }
-
-  getStore(tabId: TabId): KubeObjectStore | undefined {
-    const apiPath = this.getResourcePath(tabId);
-
-    return apiPath
-      ? this.dependencies.apiManager.getStore(apiPath)
-      : undefined;
-  }
-
-  getResource(tabId: TabId): KubeObject | undefined {
-    const apiPath = this.getResourcePath(tabId);
-
-    return apiPath
-      ? this.dependencies.apiManager.getStore(apiPath)?.getByPath(apiPath)
-      : undefined;
-  }
-
-  getResourcePath(tabId: TabId): string | undefined {
-    return this.getData(tabId)?.resource;
-  }
-
   getTabIdByResource(object: KubeObject): string | undefined {
     return this.findTabIdFromData(({ resource }) => object.selfLink === resource);
   }
-
-  clearInitialDraft(tabId: TabId): void {
-    delete this.getData(tabId)?.firstDraft;
-  }
 }
diff --git a/src/renderer/components/dock/edit-resource/view.tsx b/src/renderer/components/dock/edit-resource/view.tsx
index 52609681f7..d448a86ce8 100644
--- a/src/renderer/components/dock/edit-resource/view.tsx
+++ b/src/renderer/components/dock/edit-resource/view.tsx
@@ -4,169 +4,81 @@
  */
 
 import React from "react";
-import { autorun, makeObservable, observable } from "mobx";
-import { disposeOnUnmount, observer } from "mobx-react";
-import yaml from "js-yaml";
-import type { DockTab, TabId } from "../dock/store";
-import type { EditingResource, EditResourceTabStore } from "./store";
+import { observer } from "mobx-react";
+import { Spinner } from "../../spinner";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import type { EditResourceModel } from "./edit-resource-model/edit-resource-model.injectable";
+import editResourceModelInjectable from "./edit-resource-model/edit-resource-model.injectable";
+import { EditorPanel } from "../editor-panel";
 import { InfoPanel } from "../info-panel";
 import { Badge } from "../../badge";
-import { EditorPanel } from "../editor-panel";
-import { Spinner } from "../../spinner";
-import type { KubeObject } from "../../../../common/k8s-api/kube-object";
-import { createPatch } from "rfc6902";
-import { withInjectables } from "@ogre-tools/injectable-react";
-import editResourceTabStoreInjectable from "./store.injectable";
-import { noop, onceDefined } from "../../../utils";
-import closeDockTabInjectable from "../dock/close-dock-tab.injectable";
-import type { KubeObjectStore } from "../../../../common/k8s-api/kube-object.store";
+import { Notice } from "../../+extensions/notice";
 
 export interface EditResourceProps {
-  tab: DockTab;
+  tabId: string;
 }
 
 interface Dependencies {
-  editResourceStore: EditResourceTabStore;
-  closeTab: (tabId: TabId) => void;
+  model: EditResourceModel;
 }
 
-interface SaveDraftArgs {
-  tabData: EditingResource;
-  resource: KubeObject;
-  store: KubeObjectStore;
-}
-
-@observer
-class NonInjectedEditResource extends React.Component<EditResourceProps & Dependencies> {
-  @observable error = "";
-  @observable draft = "";
-
-  constructor(props: EditResourceProps & Dependencies) {
-    super(props);
-    makeObservable(this);
-  }
-
-  componentDidMount(): void {
-    disposeOnUnmount(this, [
-      onceDefined(
-        () => {
-          const tabData = this.tabData;
-          const resource = this.resource;
-
-          if (tabData && resource) {
-            return { tabData, resource };
-          }
-
-          return undefined;
-        },
-        ({ tabData, resource }) => {
-          if (typeof tabData.draft === "string") {
-            this.draft = tabData.draft;
-          } else {
-            this.draft = tabData.firstDraft = yaml.dump(resource.toPlainObject());
-          }
-        },
-      ),
-      autorun(() => {
-        const store = this.store;
-        const tabData = this.tabData;
-        const resource = this.resource;
-
-        if (!resource && store && tabData) {
-          if (store.isLoaded) {
-            // auto-close tab when resource removed from store
-            this.props.closeTab(this.props.tab.id);
-          } else if (!store.isLoading) {
-            // preload resource for editing
-            store.loadFromPath(tabData.resource).catch(noop);
-          }
-        }
-      }),
-    ]);
-  }
-
-  get tabId() {
-    return this.props.tab.id;
-  }
-
-  get store() {
-    return this.props.editResourceStore.getStore(this.props.tab.id);
-  }
-
-  get resource() {
-    return this.props.editResourceStore.getResource(this.tabId);
-  }
-
-  get tabData() {
-    return this.props.editResourceStore.getData(this.tabId);
-  }
-
-  async save({ resource, store, tabData }: SaveDraftArgs) {
-    if (this.error) {
-      return null;
-    }
-
-    const currentVersion = yaml.load(this.draft);
-    const firstVersion = yaml.load(tabData.firstDraft ?? this.draft);
-    const patches = createPatch(firstVersion, currentVersion);
-    const updatedResource = await store.patch(resource, patches);
-
-    this.props.editResourceStore.clearInitialDraft(this.tabId);
-
-    return (
-      <p>
-        {updatedResource.kind}
-        {" "}
-        <b>{updatedResource.getName()}</b>
-        {" updated."}
-      </p>
-    );
-  }
-
-  render() {
-    const { tabId, error, draft, tabData, resource, store } = this;
-
-    if (!tabData || !resource || !store) {
-      return <Spinner center />;
-    }
-
+const NonInjectedEditResource = observer(
+  ({ model, tabId }: EditResourceProps & Dependencies) => {
     return (
       <div className="EditResource flex column">
-        <InfoPanel
-          tabId={tabId}
-          error={error}
-          submit={() => this.save({ resource, store, tabData })}
-          submitLabel="Save"
-          submittingMessage="Applying.."
-          controls={(
-            <div className="resource-info flex gaps align-center">
-              <span>Kind:</span>
-              <Badge label={resource.kind} />
-              <span>Name:</span>
-              <Badge label={resource.getName()} />
-              <span>Namespace:</span>
-              <Badge label={resource.getNs() || "global"} />
-            </div>
-          )}
-        />
-        <EditorPanel
-          tabId={tabId}
-          value={draft}
-          onChange={draft => {
-            this.error = "";
-            tabData.draft = draft;
-          }}
-          onError={error => this.error = String(error)}
-        />
+        {model.shouldShowErrorAboutNoResource && (
+          <Notice>
+            Resource not found
+          </Notice>
+        )}
+
+        {!model.shouldShowErrorAboutNoResource && (
+          <>
+            <InfoPanel
+              tabId={tabId}
+              error={model.configuration.error.value.get()}
+              submit={model.save}
+              showNotifications={false}
+              submitLabel="Save"
+              submittingMessage="Applying..."
+              submitTestId={`save-edit-resource-from-tab-for-${tabId}`}
+              submitAndCloseTestId={`save-and-close-edit-resource-from-tab-for-${tabId}`}
+              cancelTestId={`cancel-edit-resource-from-tab-for-${tabId}`}
+              submittingTestId={`saving-edit-resource-from-tab-for-${tabId}`}
+              controls={(
+                <div className="resource-info flex gaps align-center">
+                  <span>Kind:</span>
+                  <Badge label={model.kind} />
+                  <span>Name:</span>
+                  <Badge label={model.name} />
+                  <span>Namespace:</span>
+                  <Badge label={model.namespace} />
+                </div>
+              )}
+            />
+            <EditorPanel
+              tabId={tabId}
+              value={model.configuration.value.get()}
+              onChange={model.configuration.onChange}
+              onError={model.configuration.error.onChange}
+            />
+          </>
+        )}
       </div>
     );
-  }
-}
+  },
+);
 
-export const EditResource = withInjectables<Dependencies, EditResourceProps>(NonInjectedEditResource, {
-  getProps: (di, props) => ({
-    editResourceStore: di.inject(editResourceTabStoreInjectable),
-    closeTab: di.inject(closeDockTabInjectable),
-    ...props,
-  }),
-});
+export const EditResource = withInjectables<Dependencies, EditResourceProps>(
+  NonInjectedEditResource,
+  {
+    getPlaceholder: () => (
+      <Spinner center data-testid="edit-resource-tab-spinner" />
+    ),
+
+    getProps: async (di, props) => ({
+      model: await di.inject(editResourceModelInjectable, props.tabId),
+      ...props,
+    }),
+  },
+);
diff --git a/src/renderer/components/dock/editor-panel.module.scss b/src/renderer/components/dock/editor-panel.module.scss
index 6dd8ae3eb4..4af56c6f42 100644
--- a/src/renderer/components/dock/editor-panel.module.scss
+++ b/src/renderer/components/dock/editor-panel.module.scss
@@ -8,3 +8,7 @@
   flex: 1;
   height: 100%;
 }
+
+.hidden {
+  display: none;
+}
diff --git a/src/renderer/components/dock/editor-panel.tsx b/src/renderer/components/dock/editor-panel.tsx
index 1a5588b0a3..d9eca59159 100644
--- a/src/renderer/components/dock/editor-panel.tsx
+++ b/src/renderer/components/dock/editor-panel.tsx
@@ -22,6 +22,7 @@ export interface EditorPanelProps {
   autoFocus?: boolean; // default: true
   onChange: MonacoEditorProps["onChange"];
   onError?: MonacoEditorProps["onError"];
+  hidden?: boolean;
 }
 
 interface Dependencies {
@@ -36,6 +37,7 @@ const NonInjectedEditorPanel = observer(({
   autoFocus = true,
   className,
   onError,
+  hidden,
 }: Dependencies & EditorPanelProps) => {
   const editor = createRef<MonacoEditorRef>();
 
@@ -59,7 +61,7 @@ const NonInjectedEditorPanel = observer(({
       autoFocus={autoFocus}
       id={tabId}
       value={value}
-      className={cssNames(styles.EditorPanel, className)}
+      className={cssNames(styles.EditorPanel, className, { hidden })}
       onChange={onChange}
       onError={onError}
       ref={editor}
diff --git a/src/renderer/components/dock/info-panel.tsx b/src/renderer/components/dock/info-panel.tsx
index 2ebe465e50..48a53a0308 100644
--- a/src/renderer/components/dock/info-panel.tsx
+++ b/src/renderer/components/dock/info-panel.tsx
@@ -14,9 +14,12 @@ import { Button } from "../button";
 import { Icon } from "../icon";
 import { Spinner } from "../spinner";
 import type { DockStore, TabId } from "./dock/store";
-import { Notifications } from "../notifications";
+import type { ShowNotification } from "../notifications";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import dockStoreInjectable from "./dock/store.injectable";
+import type { ShowCheckedErrorNotification } from "../notifications/show-checked-error.injectable";
+import showSuccessNotificationInjectable from "../notifications/show-success-notification.injectable";
+import showCheckedErrorNotificationInjectable from "../notifications/show-checked-error.injectable";
 
 export interface InfoPanelProps extends OptionalProps {
   tabId: TabId;
@@ -35,10 +38,16 @@ export interface OptionalProps {
   showInlineInfo?: boolean;
   showNotifications?: boolean;
   showStatusPanel?: boolean;
+  submitTestId?: string;
+  submitAndCloseTestId?: string;
+  cancelTestId?: string;
+  submittingTestId?: string;
 }
 
 interface Dependencies {
   dockStore: DockStore;
+  showSuccessNotification: ShowNotification;
+  showCheckedErrorNotification: ShowCheckedErrorNotification;
 }
 
 @observer
@@ -82,11 +91,11 @@ class NonInjectedInfoPanel extends Component<InfoPanelProps & Dependencies> {
       const result = await this.props.submit?.();
 
       if (showNotifications && result) {
-        Notifications.ok(result);
+        this.props.showSuccessNotification(result);
       }
     } catch (error) {
       if (showNotifications) {
-        Notifications.checkedError(error, "Unknown error while submitting");
+        this.props.showCheckedErrorNotification(error, "Unknown error while submitting");
       }
     } finally {
       this.waiting = false;
@@ -128,7 +137,7 @@ class NonInjectedInfoPanel extends Component<InfoPanelProps & Dependencies> {
           <div className="flex gaps align-center">
             {waiting ? (
               <>
-                <Spinner /> 
+                <Spinner data-testid={this.props.submittingTestId} />
                 {" "}
                 {submittingMessage}
               </>
@@ -140,7 +149,8 @@ class NonInjectedInfoPanel extends Component<InfoPanelProps & Dependencies> {
             <Button
               plain
               label="Cancel"
-              onClick={close} 
+              onClick={close}
+              data-testid={this.props.cancelTestId}
             />
             <Button
               active
@@ -149,6 +159,7 @@ class NonInjectedInfoPanel extends Component<InfoPanelProps & Dependencies> {
               label={submitLabel}
               onClick={submit}
               disabled={isDisabled}
+              data-testid={this.props.submitTestId}
             />
             {showSubmitClose && (
               <Button
@@ -157,6 +168,7 @@ class NonInjectedInfoPanel extends Component<InfoPanelProps & Dependencies> {
                 label={`${submitLabel} & Close`}
                 onClick={submitAndClose}
                 disabled={isDisabled}
+                data-testid={this.props.submitAndCloseTestId}
               />
             )}
           </>
@@ -172,6 +184,8 @@ export const InfoPanel = withInjectables<Dependencies, InfoPanelProps>(
   {
     getProps: (di, props) => ({
       dockStore: di.inject(dockStoreInjectable),
+      showSuccessNotification: di.inject(showSuccessNotificationInjectable),
+      showCheckedErrorNotification: di.inject(showCheckedErrorNotificationInjectable),
       ...props,
     }),
   },
diff --git a/src/renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable.ts b/src/renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable.ts
new file mode 100644
index 0000000000..1c379b56e5
--- /dev/null
+++ b/src/renderer/components/dock/install-chart/chart-data/call-for-helm-chart-values.injectable.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { getChartValues } from "../../../../../common/k8s-api/endpoints/helm-charts.api";
+
+export type CallForHelmChartValues = (
+  repo: string,
+  name: string,
+  version: string
+) => Promise<string>;
+
+const callForHelmChartValuesInjectable = getInjectable({
+  id: "call-for-helm-chart-values",
+  instantiate: (): CallForHelmChartValues => getChartValues,
+  causesSideEffects: true,
+});
+
+export default callForHelmChartValuesInjectable;
diff --git a/src/renderer/components/dock/install-chart/create-install-chart-tab.injectable.ts b/src/renderer/components/dock/install-chart/create-install-chart-tab.injectable.ts
index c568351844..29e94ebfc6 100644
--- a/src/renderer/components/dock/install-chart/create-install-chart-tab.injectable.ts
+++ b/src/renderer/components/dock/install-chart/create-install-chart-tab.injectable.ts
@@ -5,52 +5,46 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import installChartTabStoreInjectable from "./store.injectable";
 import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
-import type {
-  DockTab,
-  DockTabCreate,
-  DockTabCreateSpecific } from "../dock/store";
-import {
-  TabKind,
-} from "../dock/store";
-import type { InstallChartTabStore } from "./store";
+import type { DockTab, DockTabCreateSpecific } from "../dock/store";
+import { TabKind } from "../dock/store";
 import createDockTabInjectable from "../dock/create-dock-tab.injectable";
+import getRandomInstallChartTabIdInjectable from "./get-random-install-chart-tab-id.injectable";
 
-interface Dependencies {
-  createDockTab: (rawTab: DockTabCreate, addNumber: boolean) => DockTab;
-  installChartStore: InstallChartTabStore;
-}
-
-const createInstallChartTab = ({ createDockTab, installChartStore }: Dependencies) => (chart: HelmChart, tabParams: DockTabCreateSpecific = {}) => {
-  const { name, repo, version } = chart;
-
-  const tab = createDockTab(
-    {
-      title: `Helm Install: ${repo}/${name}`,
-      ...tabParams,
-      kind: TabKind.INSTALL_CHART,
-    },
-    false,
-  );
-
-  installChartStore.setData(tab.id, {
-    name,
-    repo,
-    version,
-    namespace: "default",
-    releaseName: "",
-    description: "",
-  });
-
-  return tab;
-};
+export type CreateInstallChartTab = (chart: HelmChart, tabParams?: DockTabCreateSpecific) => DockTab;
 
 const createInstallChartTabInjectable = getInjectable({
   id: "create-install-chart-tab",
 
-  instantiate: (di) => createInstallChartTab({
-    installChartStore: di.inject(installChartTabStoreInjectable),
-    createDockTab: di.inject(createDockTabInjectable),
-  }),
+  instantiate: (di) => {
+    const installChartStore = di.inject(installChartTabStoreInjectable);
+    const createDockTab = di.inject(createDockTabInjectable);
+    const getRandomId = di.inject(getRandomInstallChartTabIdInjectable);
+
+    return (chart: HelmChart, tabParams: DockTabCreateSpecific = {}) => {
+      const { name, repo, version } = chart;
+
+      const tab = createDockTab(
+        {
+          id: getRandomId(),
+          title: `Helm Install: ${repo}/${name}`,
+          ...tabParams,
+          kind: TabKind.INSTALL_CHART,
+        },
+        false,
+      );
+
+      installChartStore.setData(tab.id, {
+        name,
+        repo,
+        version,
+        namespace: "default",
+        releaseName: "",
+        description: "",
+      });
+
+      return tab;
+    };
+  },
 });
 
 export default createInstallChartTabInjectable;
diff --git a/src/renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable.ts b/src/renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable.ts
new file mode 100644
index 0000000000..c9169fff92
--- /dev/null
+++ b/src/renderer/components/dock/install-chart/get-random-install-chart-tab-id.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import getRandomIdInjectable from "../../../../common/utils/get-random-id.injectable";
+
+const getRandomInstallChartTabIdInjectable = getInjectable({
+  id: "get-random-install-chart-tab-id",
+  instantiate: (di) => di.inject(getRandomIdInjectable),
+});
+
+export default getRandomInstallChartTabIdInjectable;
diff --git a/src/renderer/components/dock/install-chart/install-chart-model.injectable.tsx b/src/renderer/components/dock/install-chart/install-chart-model.injectable.tsx
new file mode 100644
index 0000000000..64f2e27e12
--- /dev/null
+++ b/src/renderer/components/dock/install-chart/install-chart-model.injectable.tsx
@@ -0,0 +1,282 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import installChartTabStoreInjectable from "./store.injectable";
+import { waitUntilDefined } from "../../../../common/utils";
+import type { CallForHelmChartValues } from "./chart-data/call-for-helm-chart-values.injectable";
+import callForHelmChartValuesInjectable from "./chart-data/call-for-helm-chart-values.injectable";
+import type { IChartInstallData, InstallChartTabStore } from "./store";
+import type { HelmChart } from "../../../../common/k8s-api/endpoints/helm-charts.api";
+import React from "react";
+import {
+  action,
+  computed,
+  observable,
+  runInAction,
+} from "mobx";
+import assert from "assert";
+import type { CallForCreateHelmRelease } from "../../+helm-releases/create-release/call-for-create-helm-release.injectable";
+import callForCreateHelmReleaseInjectable from "../../+helm-releases/create-release/call-for-create-helm-release.injectable";
+import type { HelmReleaseUpdateDetails } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import dockStoreInjectable from "../dock/store.injectable";
+import type { NavigateToHelmReleases } from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import navigateToHelmReleasesInjectable from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
+import type { SingleValue } from "react-select";
+import type { CallForHelmChartVersions } from "../../+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+import callForHelmChartVersionsInjectable from "../../+helm-charts/details/versions/call-for-helm-chart-versions.injectable";
+
+const installChartModelInjectable = getInjectable({
+  id: "install-chart-model",
+
+  instantiate: async (di, tabId: string) => {
+    const store = di.inject(installChartTabStoreInjectable);
+    const callForHelmChartValues = di.inject(callForHelmChartValuesInjectable);
+    const callForHelmChartVersions = di.inject(callForHelmChartVersionsInjectable);
+    const callForCreateHelmRelease = di.inject(callForCreateHelmReleaseInjectable);
+    const dockStore = di.inject(dockStoreInjectable);
+    const navigateToHelmReleases = di.inject(navigateToHelmReleasesInjectable);
+    const closeTab = () => dockStore.closeTab(tabId);
+
+    const waitForChart = async () => {
+      await waitUntilDefined(() => store.getData(tabId));
+    };
+
+    const model = new InstallChartModel({
+      tabId,
+      waitForChart,
+      callForCreateHelmRelease,
+      closeTab,
+      navigateToHelmReleases,
+      callForHelmChartValues,
+      callForHelmChartVersions,
+      store,
+    });
+
+    await model.load();
+
+    return model;
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, tabId: string) => tabId,
+  }),
+});
+
+export default installChartModelInjectable;
+
+interface Dependencies {
+  tabId: string;
+  closeTab: () => void;
+  navigateToHelmReleases: NavigateToHelmReleases;
+  waitForChart: () => Promise<void>;
+  callForCreateHelmRelease: CallForCreateHelmRelease;
+  callForHelmChartValues: CallForHelmChartValues;
+  callForHelmChartVersions: CallForHelmChartVersions;
+  store: InstallChartTabStore;
+}
+
+export class InstallChartModel {
+  readonly namespace = {
+    value: computed(() => this.chart?.namespace || "default"),
+
+    onChange: action(
+      (option: SingleValue<{ label: string; value: string }>) => {
+        if (option) {
+          const namespace = option.value;
+
+          this.save({ namespace });
+        }
+      },
+    ),
+  };
+
+  readonly customName = {
+    value: computed(() => this.chart?.releaseName || ""),
+
+    onChange: action((customName: string) => {
+      this.save({ releaseName: customName });
+    }),
+  };
+
+  private readonly versions = observable.array<HelmChart>([]);
+  readonly installed = observable.box<HelmReleaseUpdateDetails | undefined>();
+
+  private save = (data: Partial<IChartInstallData>) => {
+    assert(this.chart);
+
+    const chart = { ...this.chart, ...data };
+
+    this.dependencies.store.setData(this.dependencies.tabId, chart);
+  };
+
+  readonly version = {
+    value: computed(() => this.chart?.version),
+
+    onChange: async (version: string | undefined) => {
+      assert(this.chart);
+
+      if (!version) {
+        return;
+      }
+
+      this.save({ version });
+
+      runInAction(() => {
+        this.configuration.isLoading.set(true);
+      });
+
+      const configuration = await this.dependencies.callForHelmChartValues(
+        this.chart.repo,
+        this.chart.name,
+        version,
+      );
+
+      runInAction(() => {
+        this.configuration.onChange(configuration);
+        this.configuration.isLoading.set(false);
+      });
+    },
+
+    options: computed(() =>
+      this.versions.map((chart) => ({
+        label: chart.version,
+        value: chart.version,
+      })),
+    ),
+  };
+
+  readonly configuration = {
+    value: computed(() => this.chart?.values || ""),
+    isLoading: observable.box(false),
+
+    onChange: action((configuration: string) => {
+      this.errorInConfiguration.value.set(undefined);
+
+      this.save({ values: configuration });
+    }),
+  };
+
+  readonly errorInConfiguration = {
+    value: observable.box<string | undefined>(),
+
+    onChange: action((error: unknown) => {
+      this.errorInConfiguration.value.set(error as string);
+    }),
+  };
+
+  readonly executionOutput = {
+    isShown: observable.box(false),
+
+    show: action(() => {
+      this.executionOutput.isShown.set(true);
+    }),
+
+    close: action(() => {
+      this.executionOutput.isShown.set(false);
+    }),
+  };
+
+  constructor(private readonly dependencies: Dependencies) {}
+
+  @computed
+  private get chart() {
+    const chart = this.dependencies.store.getData(this.dependencies.tabId);
+
+    assert(chart);
+
+    return chart;
+  }
+
+  load = async () => {
+    await this.dependencies.waitForChart();
+
+    const [defaultConfiguration, versions] = await Promise.all([
+      this.dependencies.callForHelmChartValues(
+        this.chart.repo,
+        this.chart.name,
+        this.chart.version,
+      ),
+
+      this.dependencies.callForHelmChartVersions(
+        this.chart.repo,
+        this.chart.name,
+      ),
+    ]);
+
+    runInAction(() => {
+      // TODO: Make "default" not hard-coded
+      const namespace = this.chart.namespace || "default";
+
+      this.versions.replace(versions);
+
+      this.save({
+        version: this.chart.version,
+        namespace,
+        values: this.chart.values || defaultConfiguration,
+        releaseName: this.chart.releaseName,
+      });
+    });
+  };
+
+  @computed
+  get isValid() {
+    return !this.configuration.isLoading.get();
+  }
+
+  get chartName() {
+    return `${this.repository}/${this.name}`;
+  }
+
+  private get name() {
+    assert(this.chart);
+
+    return this.chart.name;
+  }
+
+  private get repository() {
+    assert(this.chart);
+
+    return this.chart.repo;
+  }
+
+  install = async () => {
+    const installed = await this.dependencies.callForCreateHelmRelease({
+      name: this.customName.value.get() || undefined,
+      chart: this.name,
+      repo: this.repository,
+      namespace: this.namespace.value.get() || "",
+      version: this.version.value.get() || "",
+      values: this.configuration.value.get() || "",
+    });
+
+    runInAction(() => {
+      this.installed.set(installed);
+    });
+
+    return (
+      <p>
+        {"Chart Release "}
+        <b>{installed.release.name}</b>
+        {" successfully created."}
+      </p>
+    );
+  };
+
+  navigateToInstalledRelease = () => {
+    const installed = this.installed.get();
+
+    assert(installed);
+
+    const release = installed.release;
+
+    this.dependencies.navigateToHelmReleases({
+      name: release.name,
+      namespace: release.namespace,
+    });
+
+    this.dependencies.closeTab();
+  };
+}
+
diff --git a/src/renderer/components/dock/install-chart/store.ts b/src/renderer/components/dock/install-chart/store.ts
index ab80e4350f..7bb7b3bfcc 100644
--- a/src/renderer/components/dock/install-chart/store.ts
+++ b/src/renderer/components/dock/install-chart/store.ts
@@ -3,13 +3,10 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import { action, makeObservable } from "mobx";
-import type { TabId } from "../dock/store";
+import { makeObservable } from "mobx";
 import type { DockTabStoreDependencies } from "../dock-tab-store/dock-tab.store";
 import { DockTabStore } from "../dock-tab-store/dock-tab.store";
-import { getChartDetails, getChartValues } from "../../../../common/k8s-api/endpoints/helm-charts.api";
 import type { HelmReleaseUpdateDetails } from "../../../../common/k8s-api/endpoints/helm-releases.api";
-import { waitUntilDefined } from "../../../../common/utils/wait";
 
 export interface IChartInstallData {
   name: string;
@@ -40,42 +37,4 @@ export class InstallChartTabStore extends DockTabStore<IChartInstallData> {
   get details() {
     return this.dependencies.detailsStore;
   }
-
-  @action
-  async loadData(tabId: string) {
-    const promises = [];
-    const data = await waitUntilDefined(() => this.getData(tabId));
-
-    if (!this.getData(tabId)?.values) {
-      promises.push(this.loadValues(tabId));
-    }
-
-    if (!this.versions.getData(tabId)) {
-      promises.push(this.loadVersions(tabId, data));
-    }
-
-    await Promise.all(promises);
-  }
-
-  @action
-  private async loadVersions(tabId: TabId, { repo, name, version }: IChartInstallData) {
-    this.versions.clearData(tabId); // reset
-    const charts = await getChartDetails(repo, name, { version });
-    const versions = charts.versions.map(chartVersion => chartVersion.version);
-
-    this.versions.setData(tabId, versions);
-  }
-
-  @action
-  async loadValues(tabId: TabId, attempt = 0): Promise<void> {
-    const data = await waitUntilDefined(() => this.getData(tabId));
-    const { repo, name, version } = data;
-    const values = await getChartValues(repo, name, version);
-
-    if (values) {
-      this.setData(tabId, { ...data, values });
-    } else if (attempt < 4) {
-      return this.loadValues(tabId, attempt + 1);
-    }
-  }
 }
diff --git a/src/renderer/components/dock/install-chart/view.tsx b/src/renderer/components/dock/install-chart/view.tsx
index 384bd4fb11..98914b88e3 100644
--- a/src/renderer/components/dock/install-chart/view.tsx
+++ b/src/renderer/components/dock/install-chart/view.tsx
@@ -5,154 +5,43 @@
 
 import "./install-chart.scss";
 
-import React, { Component } from "react";
-import { action, makeObservable, observable } from "mobx";
+import React from "react";
 import { observer } from "mobx-react";
-import type { DockStore, DockTab } from "../dock/store";
 import { InfoPanel } from "../info-panel";
 import { Badge } from "../../badge";
 import { NamespaceSelect } from "../../+namespaces/namespace-select";
 import { prevDefault } from "../../../utils";
-import type { IChartInstallData, InstallChartTabStore } from "./store";
-import { Spinner } from "../../spinner";
 import { Icon } from "../../icon";
 import { Button } from "../../button";
 import { LogsDialog } from "../../dialog/logs-dialog";
-import type { SelectOption } from "../../select";
 import { Select } from "../../select";
 import { Input } from "../../input";
 import { EditorPanel } from "../editor-panel";
-import type { HelmReleaseCreatePayload, HelmReleaseUpdateDetails } from "../../../../common/k8s-api/endpoints/helm-releases.api";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import installChartTabStoreInjectable from "./store.injectable";
-import dockStoreInjectable from "../dock/store.injectable";
-import createReleaseInjectable from "../../+helm-releases/create-release/create-release.injectable";
-import { Notifications } from "../../notifications";
-import type { NavigateToHelmReleases } from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
-import navigateToHelmReleasesInjectable from "../../../../common/front-end-routing/routes/cluster/helm/releases/navigate-to-helm-releases.injectable";
-import assert from "assert";
-import type { SingleValue } from "react-select";
+import type { InstallChartModel } from "./install-chart-model.injectable";
+import installChartModelInjectable from "./install-chart-model.injectable";
+import { Spinner } from "../../spinner";
 
-export interface InstallCharProps {
-  tab: DockTab;
+export interface InstallChartProps {
+  tabId: string;
 }
 
 interface Dependencies {
-  createRelease: (payload: HelmReleaseCreatePayload) => Promise<HelmReleaseUpdateDetails>;
-  installChartStore: InstallChartTabStore;
-  dockStore: DockStore;
-  navigateToHelmReleases: NavigateToHelmReleases;
+  model: InstallChartModel;
 }
 
-@observer
-class NonInjectedInstallChart extends Component<InstallCharProps & Dependencies> {
-  @observable error = "";
-  @observable showNotes = false;
+const NonInjectedInstallChart = observer(
+  ({ model: model, tabId }: InstallChartProps & Dependencies) => {
+    const installed = model.installed.get();
 
-  constructor(props: InstallCharProps & Dependencies) {
-    super(props);
-    makeObservable(this);
-  }
-
-  componentDidMount(): void {
-    this.props.installChartStore.loadData(this.tabId)
-      .catch(err => Notifications.error(String(err)));
-  }
-
-  get chartData() {
-    return this.props.installChartStore.getData(this.tabId);
-  }
-
-  get tabId() {
-    return this.props.tab.id;
-  }
-
-  get versions() {
-    return this.props.installChartStore.versions.getData(this.tabId);
-  }
-
-  get releaseDetails() {
-    return this.props.installChartStore.details.getData(this.tabId);
-  }
-
-  viewRelease = ({ release }: HelmReleaseUpdateDetails) => {
-    this.props.navigateToHelmReleases({
-      name: release.name,
-      namespace: release.namespace,
-    });
-    this.props.dockStore.closeTab(this.tabId);
-  };
-
-  save(data: Partial<IChartInstallData>) {
-    assert(this.chartData, "Cannot update data before data exists");
-
-    this.props.installChartStore.setData(this.tabId, { ...this.chartData, ...data });
-  }
-
-  onVersionChange = (option: SingleValue<SelectOption<string>>) => {
-    if (option) {
-      this.save({ ...option, values: "" });
-      this.props.installChartStore.loadValues(this.tabId);
-    }
-  };
-
-  onChange = action((values: string) => {
-    this.error = "";
-    this.save({ values });
-  });
-
-  onError = action((error: Error | string) => {
-    this.error = error.toString();
-  });
-
-  onNamespaceChange = (option: SingleValue<SelectOption<string>>) => {
-    if (option) {
-      this.save({ namespace: option.value });
-    }
-  };
-
-  onReleaseNameChange = (name: string) => {
-    this.save({ releaseName: name });
-  };
-
-  install = async ({ repo, name, version, namespace, values = "", releaseName }: IChartInstallData) => {
-    const details = await this.props.createRelease({
-      name: releaseName || undefined,
-      chart: name,
-      repo,
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      namespace: namespace!,
-      version,
-      values,
-    });
-
-    this.props.installChartStore.details.setData(this.tabId, details);
-
-    return (
-      <p>
-        {"Chart Release "}
-        <b>{details.release.name}</b>
-        {" successfully created."}
-      </p>
-    );
-  };
-
-  render() {
-    const { tabId, chartData, versions, install, releaseDetails } = this;
-
-    if (chartData?.values === undefined || !versions) {
-      return <Spinner center />;
-    }
-
-    if (releaseDetails) {
+    if (installed) {
       return (
         <div className="InstallChartDone flex column gaps align-center justify-center">
           <p>
             <Icon
               material="check"
               big
-              sticker
-            />
+              sticker />
           </p>
           <p>Installation complete!</p>
           <div className="flex gaps align-center">
@@ -160,30 +49,34 @@ class NonInjectedInstallChart extends Component<InstallCharProps & Dependencies>
               autoFocus
               primary
               label="View Helm Release"
-              onClick={prevDefault(() => this.viewRelease(releaseDetails))}
+              onClick={prevDefault(model.navigateToInstalledRelease)}
+              data-testid={`show-release-${installed.release.name}-for-${tabId}`}
             />
             <Button
               plain
               active
               label="Show Notes"
-              onClick={() => this.showNotes = true}
+              onClick={model.executionOutput.show}
+              data-testid={`show-execution-output-for-${installed.release.name}-in-${tabId}`}
             />
           </div>
           <LogsDialog
             title="Helm Chart Install"
-            isOpen={this.showNotes}
-            close={() => this.showNotes = false}
-            logs={releaseDetails.log}
+            isOpen={model.executionOutput.isShown.get()}
+            close={model.executionOutput.close}
+            logs={installed.log}
           />
         </div>
       );
     }
 
-    const { repo, name, version, namespace, releaseName } = chartData;
-    const versionOptions = versions.map(version => ({
-      value: version,
-      label: version,
-    }));
+    const {
+      configuration,
+      version,
+      namespace,
+      customName,
+      errorInConfiguration,
+    } = model;
 
     return (
       <div className="InstallChart flex column">
@@ -192,60 +85,77 @@ class NonInjectedInstallChart extends Component<InstallCharProps & Dependencies>
           controls={(
             <div className="install-controls flex gaps align-center">
               <span>Chart</span>
-              <Badge label={`${repo}/${name}`} title="Repo/Name" />
+              <Badge label={model.chartName} title="Repo/Name" />
               <span>Version</span>
               <Select
                 className="chart-version"
-                value={version}
-                options={versionOptions}
-                onChange={this.onVersionChange}
+                value={version.value.get()}
+                options={version.options.get()}
+                onChange={(changed) => version.onChange(changed?.value)}
                 menuPlacement="top"
                 themeName="outlined"
+                id={`install-chart-version-select-for-${tabId}`}
               />
               <span>Namespace</span>
               <NamespaceSelect
                 showIcons={false}
                 menuPlacement="top"
                 themeName="outlined"
-                value={namespace}
-                onChange={this.onNamespaceChange}
+                value={namespace.value.get()}
+                onChange={namespace.onChange}
+                id={`install-chart-namespace-select-for-${tabId}`}
               />
               <Input
                 placeholder="Name (optional)"
                 title="Release name"
                 maxLength={50}
-                value={releaseName}
-                onChange={this.onReleaseNameChange}
+                value={customName.value.get()}
+                onChange={customName.onChange}
+                data-testid={`install-chart-custom-name-input-for-${tabId}`}
               />
             </div>
           )}
-          error={this.error}
-          submit={() => install(chartData)}
-          disableSubmit={!chartData.namespace}
+          error={errorInConfiguration.value.get()}
+          submit={model.install}
+          disableSubmit={!model.isValid} // !namespace
           submitLabel="Install"
           submittingMessage="Installing..."
           showSubmitClose={false}
+          cancelTestId={`cancel-install-chart-from-tab-for-${tabId}`}
+          submitTestId={`install-chart-from-tab-for-${tabId}`}
+          submittingTestId={`installing-chart-from-tab-${tabId}`}
         />
+
+        {configuration.isLoading.get() && (
+          <Spinner center data-testid="install-chart-configuration-spinner" />
+        )}
+
         <EditorPanel
           tabId={tabId}
-          value={chartData.values}
-          onChange={this.onChange}
-          onError={this.onError}
+          value={configuration.value.get()}
+          onChange={configuration.onChange}
+          onError={errorInConfiguration.onChange}
+          hidden={configuration.isLoading.get()}
         />
+
       </div>
     );
-  }
-}
+  },
+);
 
-export const InstallChart = withInjectables<Dependencies, InstallCharProps>(
+export const InstallChart = withInjectables<Dependencies, InstallChartProps>(
   NonInjectedInstallChart,
 
   {
-    getProps: (di, props) => ({
-      createRelease: di.inject(createReleaseInjectable),
-      installChartStore: di.inject(installChartTabStoreInjectable),
-      dockStore: di.inject(dockStoreInjectable),
-      navigateToHelmReleases: di.inject(navigateToHelmReleasesInjectable),
+    getPlaceholder: () => (
+      <Spinner
+        center
+        data-testid="install-chart-tab-spinner"
+      />
+    ),
+
+    getProps: async (di, props) => ({
+      model: await di.inject(installChartModelInjectable, props.tabId),
       ...props,
     }),
   },
diff --git a/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx b/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx
index 5fd6161052..66874bfd9f 100644
--- a/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx
+++ b/src/renderer/components/dock/logs/__test__/log-resource-selector.test.tsx
@@ -20,7 +20,6 @@ import type { TabId } from "../../dock/store";
 import userEvent from "@testing-library/user-event";
 import { SearchStore } from "../../../../search-store/search-store";
 import getConfigurationFileModelInjectable from "../../../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import assert from "assert";
 
 jest.mock("electron", () => ({
@@ -58,6 +57,8 @@ function mockLogTabViewModel(tabId: TabId, deps: Partial<LogTabViewModelDependen
     getPodsByOwnerId: jest.fn(),
     searchStore: new SearchStore(),
     areLogsPresent: jest.fn(),
+    downloadLogs: jest.fn(),
+    downloadAllLogs: jest.fn(),
     ...deps,
   });
 }
@@ -133,7 +134,6 @@ describe("<LogResourceSelector />", () => {
     di.override(callForLogsInjectable, () => () => Promise.resolve("some-logs"));
 
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     render = renderFor(di);
 
diff --git a/src/renderer/components/dock/logs/__test__/log-search.test.tsx b/src/renderer/components/dock/logs/__test__/log-search.test.tsx
index 600b58a652..bf41bb8252 100644
--- a/src/renderer/components/dock/logs/__test__/log-search.test.tsx
+++ b/src/renderer/components/dock/logs/__test__/log-search.test.tsx
@@ -31,6 +31,8 @@ function mockLogTabViewModel(tabId: TabId, deps: Partial<LogTabViewModelDependen
     getPodsByOwnerId: jest.fn(),
     areLogsPresent: jest.fn(),
     searchStore: new SearchStore(),
+    downloadLogs: jest.fn(),
+    downloadAllLogs: jest.fn(),
     ...deps,
   });
 }
diff --git a/src/renderer/components/dock/logs/__test__/pod.mock.ts b/src/renderer/components/dock/logs/__test__/pod.mock.ts
index 134e9b8f25..1736373077 100644
--- a/src/renderer/components/dock/logs/__test__/pod.mock.ts
+++ b/src/renderer/components/dock/logs/__test__/pod.mock.ts
@@ -22,7 +22,7 @@ export const dockerPod = new Pod({
       {
         name: "docker-exporter",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
     ],
     serviceAccountName: "dummy",
@@ -66,24 +66,24 @@ export const deploymentPod1 = new Pod({
       {
         name: "init-node-exporter",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
       {
         name: "init-node-exporter-1",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
     ],
     containers: [
       {
         name: "node-exporter",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
       {
         name: "node-exporter-1",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
     ],
     serviceAccountName: "dummy",
@@ -127,24 +127,24 @@ export const deploymentPod2 = new Pod({
       {
         name: "init-node-exporter",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
       {
         name: "init-node-exporter-1",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
     ],
     containers: [
       {
         name: "node-exporter",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
       {
         name: "node-exporter-1",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
     ],
     serviceAccountName: "dummy",
@@ -188,12 +188,12 @@ export const deploymentPod3 = new Pod({
       {
         name: "node-exporter",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
       {
         name: "node-exporter-1",
         image: "docker.io/prom/node-exporter:v1.0.0-rc.0",
-        imagePullPolicy: "pull",
+        imagePullPolicy: "IfNotPresent",
       },
     ],
     serviceAccountName: "dummy",
diff --git a/src/renderer/components/dock/logs/controls.module.scss b/src/renderer/components/dock/logs/controls.module.scss
new file mode 100644
index 0000000000..27eefd3dab
--- /dev/null
+++ b/src/renderer/components/dock/logs/controls.module.scss
@@ -0,0 +1,11 @@
+.controls {
+  @include hidden-scrollbar;
+
+  display: flex;
+  gap: var(--padding);
+  align-items: center;
+  justify-content: space-between;
+  flex-flow: row wrap;
+  background: var(--dockInfoBackground);
+  padding: var(--padding) calc(var(--padding) * 2);
+}
\ No newline at end of file
diff --git a/src/renderer/components/dock/logs/controls.tsx b/src/renderer/components/dock/logs/controls.tsx
index e843348132..6738ca56cf 100644
--- a/src/renderer/components/dock/logs/controls.tsx
+++ b/src/renderer/components/dock/logs/controls.tsx
@@ -3,27 +3,20 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import "./controls.scss";
+import styles from "./controls.module.scss";
 
-import React from "react";
 import { observer } from "mobx-react";
+import React from "react";
 
-import { cssNames } from "../../../utils";
 import { Checkbox } from "../../checkbox";
-import { Icon } from "../../icon";
+import { DownloadLogsDropdown } from "./download-logs-dropdown";
 import type { LogTabViewModel } from "./logs-view-model";
-import { withInjectables } from "@ogre-tools/injectable-react";
-import openSaveFileDialogInjectable from "../../../utils/save-file.injectable";
 
 export interface LogControlsProps {
   model: LogTabViewModel;
 }
 
-interface Dependencies {
-  openSaveFileDialog: (filename: string, contents: BlobPart | BlobPart[], type: string) => void;
-}
-
-const NonInjectedLogControls = observer(({ openSaveFileDialog, model }: Dependencies & LogControlsProps) => {
+export const LogControls = observer(({ model }: LogControlsProps) => {
   const tabData = model.logTabData.get();
   const pod = model.pod.get();
 
@@ -44,18 +37,9 @@ const NonInjectedLogControls = observer(({ openSaveFileDialog, model }: Dependen
     model.reloadLogs();
   };
 
-  const downloadLogs = () => {
-    const fileName = pod.getName();
-    const logsToDownload: string[] = showTimestamps
-      ? model.logs.get()
-      : model.logsWithoutTimestamps.get();
-
-    openSaveFileDialog(`${fileName}.log`, logsToDownload.join("\n"), "text/plain");
-  };
-
   return (
-    <div className={cssNames("LogControls flex gaps align-center justify-space-between wrap")}>
-      <div className="time-range">
+    <div className={styles.controls} data-testid="log-controls">
+      <div>
         {since && (
           <span>
             Logs from
@@ -77,20 +61,13 @@ const NonInjectedLogControls = observer(({ openSaveFileDialog, model }: Dependen
           onChange={togglePrevious}
           className="show-previous"
         />
-        <Icon
-          material="get_app"
-          onClick={downloadLogs}
-          tooltip="Download"
-          className="download-icon"
+
+        <DownloadLogsDropdown
+          downloadVisibleLogs={model.downloadLogs}
+          downloadAllLogs={model.downloadAllLogs}
         />
       </div>
     </div>
   );
 });
 
-export const LogControls = withInjectables<Dependencies, LogControlsProps>(NonInjectedLogControls, {
-  getProps: (di, props) => ({
-    openSaveFileDialog: di.inject(openSaveFileDialogInjectable),
-    ...props,
-  }),
-});
diff --git a/src/renderer/components/dock/logs/create-logs-tab.injectable.ts b/src/renderer/components/dock/logs/create-logs-tab.injectable.ts
index 47cef1dd95..44e3e8a0ec 100644
--- a/src/renderer/components/dock/logs/create-logs-tab.injectable.ts
+++ b/src/renderer/components/dock/logs/create-logs-tab.injectable.ts
@@ -6,20 +6,21 @@ import { getInjectable } from "@ogre-tools/injectable";
 import type { DockTabCreate, DockTab, TabId } from "../dock/store";
 import { TabKind } from "../dock/store";
 import type { LogTabData } from "./tab-store";
-import * as uuid from "uuid";
 import { runInAction } from "mobx";
 import createDockTabInjectable from "../dock/create-dock-tab.injectable";
 import setLogTabDataInjectable from "./set-log-tab-data.injectable";
+import getRandomIdForPodLogsTabInjectable from "./get-random-id-for-pod-logs-tab.injectable";
 
 export type CreateLogsTabData = Pick<LogTabData, "owner" | "selectedPodId" | "selectedContainer" | "namespace"> & Omit<Partial<LogTabData>, "owner" | "selectedPodId" | "selectedContainer" | "namespace">;
 
 interface Dependencies {
   createDockTab: (rawTabDesc: DockTabCreate, addNumber?: boolean) => DockTab;
   setLogTabData: (tabId: string, data: LogTabData) => void;
+  getRandomId: () => string;
 }
 
-const createLogsTab = ({ createDockTab, setLogTabData }: Dependencies) => (title: string, data: CreateLogsTabData): TabId => {
-  const id = `log-tab-${uuid.v4()}`;
+const createLogsTab = ({ createDockTab, setLogTabData, getRandomId }: Dependencies) => (title: string, data: CreateLogsTabData): TabId => {
+  const id = `log-tab-${getRandomId()}`;
 
   runInAction(() => {
     createDockTab({
@@ -43,6 +44,7 @@ const createLogsTabInjectable = getInjectable({
   instantiate: (di) => createLogsTab({
     createDockTab: di.inject(createDockTabInjectable),
     setLogTabData: di.inject(setLogTabDataInjectable),
+    getRandomId: di.inject(getRandomIdForPodLogsTabInjectable),
   }),
 });
 
diff --git a/src/renderer/components/dock/logs/create-pod-logs-tab.injectable.ts b/src/renderer/components/dock/logs/create-pod-logs-tab.injectable.ts
index ad7379e1de..7bcafbeb28 100644
--- a/src/renderer/components/dock/logs/create-pod-logs-tab.injectable.ts
+++ b/src/renderer/components/dock/logs/create-pod-logs-tab.injectable.ts
@@ -3,13 +3,13 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import type { PodContainer, Pod } from "../../../../common/k8s-api/endpoints";
+import type { Container, Pod } from "../../../../common/k8s-api/endpoints";
 import type { TabId } from "../dock/store";
 import createLogsTabInjectable from "./create-logs-tab.injectable";
 
 export interface PodLogsTabData {
   selectedPod: Pod;
-  selectedContainer: PodContainer;
+  selectedContainer: Container;
 }
 
 const createPodLogsTabInjectable = getInjectable({
diff --git a/src/renderer/components/dock/logs/download-all-logs.injectable.ts b/src/renderer/components/dock/logs/download-all-logs.injectable.ts
new file mode 100644
index 0000000000..abe87cc352
--- /dev/null
+++ b/src/renderer/components/dock/logs/download-all-logs.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { PodLogsQuery } from "../../../../common/k8s-api/endpoints";
+import type { ResourceDescriptor } from "../../../../common/k8s-api/kube-api";
+import loggerInjectable from "../../../../common/logger.injectable";
+import openSaveFileDialogInjectable from "../../../utils/save-file.injectable";
+import callForLogsInjectable from "./call-for-logs.injectable";
+
+const downloadAllLogsInjectable = getInjectable({
+  id: "download-all-logs",
+
+  instantiate: (di) => {
+    const callForLogs = di.inject(callForLogsInjectable);
+    const openSaveFileDialog = di.inject(openSaveFileDialogInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return async (params: ResourceDescriptor, query: PodLogsQuery) => {
+      const logs = await callForLogs(params, query).catch(error => {
+        logger.error("Can't download logs: ", error);
+      });
+
+      if (logs) {
+        openSaveFileDialog(`${params.name}.log`, logs, "text/plain");
+      }
+    };
+  },
+});
+
+export default downloadAllLogsInjectable;
diff --git a/src/renderer/components/dock/logs/download-logs-dropdown.module.scss b/src/renderer/components/dock/logs/download-logs-dropdown.module.scss
new file mode 100644
index 0000000000..8c93ff6559
--- /dev/null
+++ b/src/renderer/components/dock/logs/download-logs-dropdown.module.scss
@@ -0,0 +1,37 @@
+.dropdown {
+  --accent-color: var(--colorInfo);
+
+  border: 1px solid var(--accent-color);
+  border-radius: 4px;
+  color: var(--accent-color);
+  display: flex;
+  align-items: center;
+  padding: calc(var(--padding) / 4) var(--padding);
+  gap: 6px;
+  position: relative;
+
+  &:disabled {
+    cursor: progress;
+    opacity: .7;
+  }
+
+  &:hover::before{
+    opacity: 0.25;
+  }
+
+  &:focus-visible {
+    box-shadow: 0 0 0 2px var(--accent-color);
+    border-color: transparent;
+  }
+
+  &::before {
+    content: " ";
+    position: absolute;
+    background: var(--accent-color);
+    width: 100%;
+    height: 100%;
+    left: 0;
+    opacity: 0;
+    transition: opacity 0.1s;
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/components/dock/logs/download-logs-dropdown.tsx b/src/renderer/components/dock/logs/download-logs-dropdown.tsx
new file mode 100644
index 0000000000..1da7b9f8a6
--- /dev/null
+++ b/src/renderer/components/dock/logs/download-logs-dropdown.tsx
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import styles from "./download-logs-dropdown.module.scss";
+
+import React, { useState } from "react";
+import { Icon } from "../../icon";
+import { MenuItem } from "../../menu";
+import { Dropdown } from "../../dropdown/dropdown";
+
+interface DownloadLogsDropdownProps {
+  downloadVisibleLogs: () => void;
+  downloadAllLogs: () => Promise<void> | undefined;
+}
+
+export function DownloadLogsDropdown({ downloadAllLogs, downloadVisibleLogs }: DownloadLogsDropdownProps) {
+  const [waiting, setWaiting] = useState(false);
+
+  const downloadAll = async () => {
+    setWaiting(true);
+
+    try {
+      await downloadAllLogs();
+    } finally {
+      setWaiting(false);
+    }
+  };
+
+  return (
+    <Dropdown
+      id="download-logs-dropdown"
+      contentForToggle={(
+        <button
+          data-testid="download-logs-dropdown"
+          className={styles.dropdown}
+          disabled={waiting}
+        >
+          Download
+          <Icon material="arrow_drop_down" smallest/>
+        </button>
+      )}
+    >
+      <MenuItem onClick={downloadVisibleLogs} data-testid="download-visible-logs">
+        Visible logs
+      </MenuItem>
+      <MenuItem onClick={downloadAll} data-testid="download-all-logs">
+        All logs
+      </MenuItem>
+    </Dropdown>
+  );
+}
diff --git a/src/renderer/components/dock/logs/download-logs.injectable.ts b/src/renderer/components/dock/logs/download-logs.injectable.ts
new file mode 100644
index 0000000000..c4792a9b36
--- /dev/null
+++ b/src/renderer/components/dock/logs/download-logs.injectable.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import openSaveFileDialogInjectable from "../../../utils/save-file.injectable";
+
+const downloadLogsInjectable = getInjectable({
+  id: "download-logs",
+
+  instantiate: (di) => {
+    const openSaveFileDialog = di.inject(openSaveFileDialogInjectable);
+
+    return (filename: string, logs: string[]) => {
+      openSaveFileDialog(filename, logs.join("\n"), "text/plain");
+    };
+  },
+});
+
+export default downloadLogsInjectable;
diff --git a/src/renderer/components/dock/logs/get-random-id-for-pod-logs-tab.injectable.ts b/src/renderer/components/dock/logs/get-random-id-for-pod-logs-tab.injectable.ts
new file mode 100644
index 0000000000..1dcadcf293
--- /dev/null
+++ b/src/renderer/components/dock/logs/get-random-id-for-pod-logs-tab.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import getRandomIdInjectable from "../../../../common/utils/get-random-id.injectable";
+
+const getRandomIdForPodLogsTabInjectable = getInjectable({
+  id: "get-random-id-for-pod-logs-tab",
+  instantiate: (di) => di.inject(getRandomIdInjectable),
+});
+
+export default getRandomIdForPodLogsTabInjectable;
diff --git a/src/renderer/components/dock/logs/logs-view-model.injectable.ts b/src/renderer/components/dock/logs/logs-view-model.injectable.ts
index a9c027acf9..77e4ca983c 100644
--- a/src/renderer/components/dock/logs/logs-view-model.injectable.ts
+++ b/src/renderer/components/dock/logs/logs-view-model.injectable.ts
@@ -18,6 +18,8 @@ import areLogsPresentInjectable from "./are-logs-present.injectable";
 import searchStoreInjectable from "../../../search-store/search-store.injectable";
 import getPodsByOwnerIdInjectable from "../../+workloads-pods/get-pods-by-owner-id.injectable";
 import getPodByIdInjectable from "../../+workloads-pods/get-pod-by-id.injectable";
+import downloadLogsInjectable from "./download-logs.injectable";
+import downloadAllLogsInjectable from "./download-all-logs.injectable";
 
 export interface InstantiateArgs {
   tabId: TabId;
@@ -39,6 +41,8 @@ const logsViewModelInjectable = getInjectable({
     areLogsPresent: di.inject(areLogsPresentInjectable),
     getPodById: di.inject(getPodByIdInjectable),
     getPodsByOwnerId: di.inject(getPodsByOwnerIdInjectable),
+    downloadLogs: di.inject(downloadLogsInjectable),
+    downloadAllLogs: di.inject(downloadAllLogsInjectable),
     searchStore: di.inject(searchStoreInjectable),
   }),
   lifecycle: lifecycleEnum.transient,
diff --git a/src/renderer/components/dock/logs/logs-view-model.ts b/src/renderer/components/dock/logs/logs-view-model.ts
index 021eb43a7a..85b8502df3 100644
--- a/src/renderer/components/dock/logs/logs-view-model.ts
+++ b/src/renderer/components/dock/logs/logs-view-model.ts
@@ -7,12 +7,13 @@ import type { IComputedValue } from "mobx";
 import { computed } from "mobx";
 import type { TabId } from "../dock/store";
 import type { SearchStore } from "../../../search-store/search-store";
-import type { Pod } from "../../../../common/k8s-api/endpoints";
+import type { Pod, PodLogsQuery } from "../../../../common/k8s-api/endpoints";
 import { isDefined } from "../../../utils";
 import assert from "assert";
 import type { GetPodById } from "../../+workloads-pods/get-pod-by-id.injectable";
 import type { GetPodsByOwnerId } from "../../+workloads-pods/get-pods-by-owner-id.injectable";
 import type { LoadLogs } from "./load-logs.injectable";
+import type { ResourceDescriptor } from "../../../../common/k8s-api/kube-api";
 
 export interface LogTabViewModelDependencies {
   getLogs: (tabId: TabId) => string[];
@@ -27,6 +28,8 @@ export interface LogTabViewModelDependencies {
   getPodById: GetPodById;
   getPodsByOwnerId: GetPodsByOwnerId;
   areLogsPresent: (tabId: TabId) => boolean;
+  downloadLogs: (filename: string, logs: string[]) => void;
+  downloadAllLogs: (params: ResourceDescriptor, query: PodLogsQuery) => Promise<void>;
   searchStore: SearchStore;
 }
 
@@ -77,4 +80,32 @@ export class LogTabViewModel {
   reloadLogs = () => this.dependencies.reloadLogs(this.tabId, this.pod, this.logTabData);
   renameTab = (title: string) => this.dependencies.renameTab(this.tabId, title);
   stopLoadingLogs = () => this.dependencies.stopLoadingLogs(this.tabId);
+
+  downloadLogs = () => {
+    const pod = this.pod.get();
+    const tabData = this.logTabData.get();
+
+    if (pod && tabData) {
+      const fileName = pod.getName();
+      const logsToDownload: string[] = tabData.showTimestamps
+        ? this.logs.get()
+        : this.logsWithoutTimestamps.get();
+
+      this.dependencies.downloadLogs(`${fileName}.log`, logsToDownload);
+    }
+  };
+
+  downloadAllLogs = () => {
+    const pod = this.pod.get();
+    const tabData = this.logTabData.get();
+
+    if (pod && tabData) {
+      const params = { name: pod.getName(), namespace: pod.getNs() };
+      const query = { timestamps: tabData.showTimestamps, previous: tabData.showPrevious };
+
+      return this.dependencies.downloadAllLogs(params, query);
+    }
+
+    return;
+  };
 }
diff --git a/src/renderer/components/dock/logs/resource-selector.tsx b/src/renderer/components/dock/logs/resource-selector.tsx
index ba46165a95..ddca1b2c54 100644
--- a/src/renderer/components/dock/logs/resource-selector.tsx
+++ b/src/renderer/components/dock/logs/resource-selector.tsx
@@ -12,7 +12,7 @@ import { Badge } from "../../badge";
 import type { SelectOption } from "../../select";
 import { Select } from "../../select";
 import type { LogTabViewModel } from "./logs-view-model";
-import type { PodContainer, Pod } from "../../../../common/k8s-api/endpoints";
+import type { Container, Pod } from "../../../../common/k8s-api/endpoints";
 import type { SingleValue } from "react-select";
 
 export interface LogResourceSelectorProps {
@@ -40,7 +40,7 @@ export const LogResourceSelector = observer(({ model }: LogResourceSelectorProps
   }));
   const allContainers = pod.getAllContainers();
   const container = allContainers.find(container => container.name === selectedContainer) ?? null;
-  const onContainerChange = (option: SingleValue<SelectOption<PodContainer>>) => {
+  const onContainerChange = (option: SingleValue<SelectOption<Container>>) => {
     if (!option) {
       return;
     }
@@ -105,7 +105,7 @@ export const LogResourceSelector = observer(({ model }: LogResourceSelectorProps
         menuClass="pod-selector-menu"
       />
       <span>Container</span>
-      <Select<PodContainer, SelectOption<PodContainer>, false>
+      <Select<Container, SelectOption<Container>, false>
         id="container-selector-input"
         options={containerSelectOptions}
         value={container}
diff --git a/src/renderer/components/dock/terminal/create-terminal.injectable.ts b/src/renderer/components/dock/terminal/create-terminal.injectable.ts
index a4df656247..878d88f091 100644
--- a/src/renderer/components/dock/terminal/create-terminal.injectable.ts
+++ b/src/renderer/components/dock/terminal/create-terminal.injectable.ts
@@ -11,6 +11,8 @@ import terminalSpawningPoolInjectable from "./terminal-spawning-pool.injectable"
 import terminalConfigInjectable from "../../../../common/user-store/terminal-config.injectable";
 import terminalCopyOnSelectInjectable from "../../../../common/user-store/terminal-copy-on-select.injectable";
 import themeStoreInjectable from "../../../themes/store.injectable";
+import isMacInjectable from "../../../../common/vars/is-mac.injectable";
+import openLinkInBrowserInjectable from "../../../../common/utils/open-link-in-browser.injectable";
 
 export type CreateTerminal = (tabId: TabId, api: TerminalApi) => Terminal;
 
@@ -22,6 +24,8 @@ const createTerminalInjectable = getInjectable({
       terminalConfig: di.inject(terminalConfigInjectable),
       terminalCopyOnSelect: di.inject(terminalCopyOnSelectInjectable),
       themeStore: di.inject(themeStoreInjectable),
+      isMac: di.inject(isMacInjectable),
+      openLinkInBrowser: di.inject(openLinkInBrowserInjectable),
     };
 
     return (tabId, api) => new Terminal(dependencies, { tabId, api });
diff --git a/src/renderer/components/dock/terminal/terminal.ts b/src/renderer/components/dock/terminal/terminal.ts
index 7ea9518437..cf89a572c1 100644
--- a/src/renderer/components/dock/terminal/terminal.ts
+++ b/src/renderer/components/dock/terminal/terminal.ts
@@ -12,19 +12,22 @@ import type { TabId } from "../dock/store";
 import type { TerminalApi } from "../../../api/terminal-api";
 import type { ThemeStore } from "../../../themes/store";
 import { disposer } from "../../../utils";
-import { isMac } from "../../../../common/vars";
 import { once } from "lodash";
 import { clipboard } from "electron";
 import logger from "../../../../common/logger";
 import type { TerminalConfig } from "../../../../common/user-store/preferences-helpers";
 import assert from "assert";
 import { TerminalChannels } from "../../../../common/terminal/channels";
+import { LinkProvider } from "xterm-link-provider";
+import type { OpenLinkInBrowser } from "../../../../common/utils/open-link-in-browser.injectable";
 
 export interface TerminalDependencies {
   readonly spawningPool: HTMLElement;
   readonly terminalConfig: IComputedValue<TerminalConfig>;
   readonly terminalCopyOnSelect: IComputedValue<boolean>;
   readonly themeStore: ThemeStore;
+  readonly isMac: boolean;
+  openLinkInBrowser: OpenLinkInBrowser;
 }
 
 export interface TerminalArguments {
@@ -93,7 +96,6 @@ export class Terminal {
     this.xterm.loadAddon(this.fitAddon);
 
     this.xterm.open(this.dependencies.spawningPool);
-    this.xterm.registerLinkMatcher(/https?:\/\/[^\s]+/i, this.onClickLink);
     this.xterm.attachCustomKeyEventHandler(this.keyHandler);
     this.xterm.onSelectionChange(this.onSelectionChange);
 
@@ -108,7 +110,16 @@ export class Terminal {
     this.api.on("data", this.onApiData);
     window.addEventListener("resize", this.onResize);
 
+    const linkProvider = new LinkProvider(
+      this.xterm,
+      /https?:\/\/[^\s]+/i,
+      (event, link) => this.dependencies.openLinkInBrowser(link),
+      undefined,
+      0,
+    );
+
     this.disposer.push(
+      this.xterm.registerLinkProvider(linkProvider),
       reaction(() => this.theme, colors => this.xterm.setOption("theme", colors), {
         fireImmediately: true,
       }),
@@ -119,6 +130,9 @@ export class Terminal {
       () => this.api.removeAllListeners(),
       () => window.removeEventListener("resize", this.onResize),
       () => this.elem.removeEventListener("contextmenu", this.onContextMenu),
+      this.xterm.onResize(({ cols, rows }) => {
+        this.api.sendTerminalSize(cols, rows);
+      }),
     );
   }
 
@@ -127,21 +141,7 @@ export class Terminal {
     this.xterm.dispose();
   }
 
-  fit = () => {
-    try {
-      const { cols, rows } = this.fitAddon.proposeDimensions();
-
-      // attempt to resize/fit terminal when it's not visible in DOM will crash with exception
-      // see: https://github.com/xtermjs/xterm.js/issues/3118
-      if (isNaN(cols) || isNaN(rows)) return;
-
-      this.fitAddon.fit();
-      this.api.sendTerminalSize(cols, rows);
-    } catch (error) {
-      // see https://github.com/lensapp/lens/issues/1891
-      logger.error(`[TERMINAL]: failed to resize terminal to fit`, error);
-    }
-  };
+  fit = () => this.fitAddon.fit();
 
   fitLazy = debounce(this.fit, 250);
 
@@ -180,10 +180,6 @@ export class Terminal {
     this.viewport.scrollTop = this.scrollPos; // restore last scroll position
   };
 
-  onClickLink = (evt: MouseEvent, link: string) => {
-    window.open(link, "_blank");
-  };
-
   onContextMenu = () => {
     if (
       // don't paste if user hasn't turned on the feature
@@ -240,7 +236,7 @@ export class Terminal {
     }
 
     //Ctrl+K: clear the entire buffer, making the prompt line the new first line on mac os
-    if (isMac && metaKey) {
+    if (this.dependencies.isMac && metaKey) {
       switch (code) {
         case "KeyK":
           this.onClear();
diff --git a/src/renderer/components/dock/terminal/view.tsx b/src/renderer/components/dock/terminal/view.tsx
index 01313a661a..6fa9e157c8 100644
--- a/src/renderer/components/dock/terminal/view.tsx
+++ b/src/renderer/components/dock/terminal/view.tsx
@@ -10,13 +10,14 @@ import { disposeOnUnmount, observer } from "mobx-react";
 import { cssNames } from "../../../utils";
 import type { Terminal } from "./terminal";
 import type { TerminalStore } from "./store";
-import type { ThemeStore } from "../../../themes/store";
+import type { LensTheme } from "../../../themes/store";
 import type { DockTab, DockStore } from "../dock/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import dockStoreInjectable from "../dock/store.injectable";
 import terminalStoreInjectable from "./store.injectable";
 import assert from "assert";
-import themeStoreInjectable from "../../../themes/store.injectable";
+import activeThemeInjectable from "../../../themes/active.injectable";
+import type { IComputedValue } from "mobx";
 
 export interface TerminalWindowProps {
   tab: DockTab;
@@ -25,7 +26,7 @@ export interface TerminalWindowProps {
 interface Dependencies {
   dockStore: DockStore;
   terminalStore: TerminalStore;
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 @observer
@@ -68,7 +69,7 @@ class NonInjectedTerminalWindow extends React.Component<TerminalWindowProps & De
   render() {
     return (
       <div
-        className={cssNames("TerminalWindow", this.props.themeStore.activeTheme.type)}
+        className={cssNames("TerminalWindow", this.props.activeTheme.get().type)}
         ref={elem => this.elem = elem}
       />
     );
@@ -80,7 +81,7 @@ export const TerminalWindow = withInjectables<Dependencies, TerminalWindowProps>
     ...props,
     dockStore: di.inject(dockStoreInjectable),
     terminalStore: di.inject(terminalStoreInjectable),
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 });
 
diff --git a/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts b/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts
index 014e46760f..3233d08cb5 100644
--- a/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts
+++ b/src/renderer/components/dock/upgrade-chart/create-upgrade-chart-tab.injectable.ts
@@ -10,13 +10,15 @@ import type { DockStore, DockTabCreateSpecific, TabId } from "../dock/store";
 import { TabKind } from "../dock/store";
 import type { UpgradeChartTabStore } from "./store";
 import { runInAction } from "mobx";
+import getRandomUpgradeChartTabIdInjectable from "./get-random-upgrade-chart-tab-id.injectable";
 
 interface Dependencies {
   upgradeChartStore: UpgradeChartTabStore;
   dockStore: DockStore;
+  getRandomId: () => string;
 }
 
-const createUpgradeChartTab = ({ upgradeChartStore, dockStore }: Dependencies) => (release: HelmRelease, tabParams: DockTabCreateSpecific = {}): TabId => {
+const createUpgradeChartTab = ({ upgradeChartStore, dockStore, getRandomId }: Dependencies) => (release: HelmRelease, tabParams: DockTabCreateSpecific = {}): TabId => {
   const tabId = upgradeChartStore.getTabIdByRelease(release.getName());
 
   if (tabId) {
@@ -29,6 +31,7 @@ const createUpgradeChartTab = ({ upgradeChartStore, dockStore }: Dependencies) =
   return runInAction(() => {
     const tab = dockStore.createTab(
       {
+        id: getRandomId(),
         title: `Helm Upgrade: ${release.getName()}`,
         ...tabParams,
         kind: TabKind.UPGRADE_CHART,
@@ -51,6 +54,7 @@ const createUpgradeChartTabInjectable = getInjectable({
   instantiate: (di) => createUpgradeChartTab({
     upgradeChartStore: di.inject(upgradeChartTabStoreInjectable),
     dockStore: di.inject(dockStoreInjectable),
+    getRandomId: di.inject(getRandomUpgradeChartTabIdInjectable),
   }),
 });
 
diff --git a/src/renderer/components/dock/upgrade-chart/get-random-upgrade-chart-tab-id.injectable.ts b/src/renderer/components/dock/upgrade-chart/get-random-upgrade-chart-tab-id.injectable.ts
new file mode 100644
index 0000000000..167973060f
--- /dev/null
+++ b/src/renderer/components/dock/upgrade-chart/get-random-upgrade-chart-tab-id.injectable.ts
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import getRandomIdInjectable from "../../../../common/utils/get-random-id.injectable";
+
+const getRandomUpgradeChartTabIdInjectable = getInjectable({
+  id: "get-random-upgrade-chart-tab-id",
+  instantiate: (di) => di.inject(getRandomIdInjectable),
+});
+
+export default getRandomUpgradeChartTabIdInjectable;
diff --git a/src/renderer/components/dock/upgrade-chart/view.tsx b/src/renderer/components/dock/upgrade-chart/view.tsx
index 9dc9d4ed4a..11d60b6c87 100644
--- a/src/renderer/components/dock/upgrade-chart/view.tsx
+++ b/src/renderer/components/dock/upgrade-chart/view.tsx
@@ -16,7 +16,7 @@ import { Spinner } from "../../spinner";
 import { Badge } from "../../badge";
 import { EditorPanel } from "../editor-panel";
 import { helmChartStore, type ChartVersion } from "../../+helm-charts/helm-chart.store";
-import type { HelmRelease, HelmReleaseUpdateDetails, HelmReleaseUpdatePayload } from "../../../../common/k8s-api/endpoints/helm-releases.api";
+import type { HelmRelease } from "../../../../common/k8s-api/endpoints/helm-releases.api";
 import type { SelectOption } from "../../select";
 import { Select } from "../../select";
 import type { IAsyncComputed } from "@ogre-tools/injectable-react";
@@ -24,6 +24,8 @@ import { withInjectables } from "@ogre-tools/injectable-react";
 import upgradeChartTabStoreInjectable from "./store.injectable";
 import updateReleaseInjectable from "../../+helm-releases/update-release/update-release.injectable";
 import releasesInjectable from "../../+helm-releases/releases.injectable";
+import type { CallForHelmReleaseUpdate } from "../../+helm-releases/update-release/call-for-helm-release-update/call-for-helm-release-update.injectable";
+import { first } from "lodash/fp";
 
 export interface UpgradeChartProps {
   className?: string;
@@ -33,7 +35,7 @@ export interface UpgradeChartProps {
 interface Dependencies {
   releases: IAsyncComputed<HelmRelease[]>;
   upgradeChartTabStore: UpgradeChartTabStore;
-  updateRelease: (name: string, namespace: string, payload: HelmReleaseUpdatePayload) => Promise<HelmReleaseUpdateDetails>;
+  updateRelease: CallForHelmReleaseUpdate;
 }
 
 @observer
@@ -96,7 +98,7 @@ export class NonInjectedUpgradeChart extends React.Component<UpgradeChartProps &
     const versions = await helmChartStore.getVersions(release.getChart());
 
     this.versions.replace(versions);
-    this.version = this.versions[0];
+    this.version = first(this.versions);
   }
 
   onChange = action((value: string) => {
diff --git a/src/renderer/components/drawer/__snapshots__/drawer-param-toggler.test.tsx.snap b/src/renderer/components/drawer/__snapshots__/drawer-param-toggler.test.tsx.snap
new file mode 100644
index 0000000000..7b4c9c22e4
--- /dev/null
+++ b/src/renderer/components/drawer/__snapshots__/drawer-param-toggler.test.tsx.snap
@@ -0,0 +1,134 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<DrawerParamToggler /> after clicking the toggle after clicking the toggle again renders 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerParamToggler"
+    >
+      <div
+        class="flex gaps align-center params"
+      >
+        <div
+          class="param-label"
+        >
+          Foo
+        </div>
+        <div
+          class="param-link"
+          data-testid="drawer-param-toggler"
+        >
+          <span
+            class="param-link-text"
+          >
+            Show
+          </span>
+          <i
+            class="Icon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_drop_down"
+            >
+              arrow_drop_down
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="param-content"
+      />
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<DrawerParamToggler /> after clicking the toggle renders 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerParamToggler"
+    >
+      <div
+        class="flex gaps align-center params"
+      >
+        <div
+          class="param-label"
+        >
+          Foo
+        </div>
+        <div
+          class="param-link"
+          data-testid="drawer-param-toggler"
+        >
+          <span
+            class="param-link-text"
+          >
+            Hide
+          </span>
+          <i
+            class="Icon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_drop_up"
+            >
+              arrow_drop_up
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="param-content open"
+      >
+        <div
+          data-testid="drawer-child"
+        />
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`<DrawerParamToggler /> renders 1`] = `
+<body>
+  <div>
+    <div
+      class="DrawerParamToggler"
+    >
+      <div
+        class="flex gaps align-center params"
+      >
+        <div
+          class="param-label"
+        >
+          Foo
+        </div>
+        <div
+          class="param-link"
+          data-testid="drawer-param-toggler"
+        >
+          <span
+            class="param-link-text"
+          >
+            Show
+          </span>
+          <i
+            class="Icon material focusable"
+          >
+            <span
+              class="icon"
+              data-icon-name="arrow_drop_down"
+            >
+              arrow_drop_down
+            </span>
+          </i>
+        </div>
+      </div>
+      <div
+        class="param-content"
+      />
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/renderer/components/drawer/drawer-param-toggler.test.tsx b/src/renderer/components/drawer/drawer-param-toggler.test.tsx
new file mode 100644
index 0000000000..e9d5104afe
--- /dev/null
+++ b/src/renderer/components/drawer/drawer-param-toggler.test.tsx
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RenderResult } from "@testing-library/react";
+import { render } from "@testing-library/react";
+import React from "react";
+import { DrawerParamToggler } from "./drawer-param-toggler";
+
+describe("<DrawerParamToggler />", () => {
+  let result: RenderResult;
+
+  beforeEach(() => {
+    result = render((
+      <DrawerParamToggler
+        label="Foo"
+      >
+        <div data-testid="drawer-child"></div>
+      </DrawerParamToggler>
+    ));
+  });
+
+  it("renders", () => {
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("does not render children by default", () => {
+    expect(result.queryByTestId("drawer-child")).toBeNull();
+  });
+
+  describe("after clicking the toggle", () => {
+    beforeEach(() => {
+      result.getByTestId("drawer-param-toggler").click();
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("renders children", () => {
+      expect(result.queryByTestId("drawer-child")).not.toBeNull();
+    });
+
+    describe("after clicking the toggle again", () => {
+      beforeEach(() => {
+        result.getByTestId("drawer-param-toggler").click();
+      });
+
+      it("renders", () => {
+        expect(result.baseElement).toMatchSnapshot();
+      });
+
+      it("does not children", () => {
+        expect(result.queryByTestId("drawer-child")).toBeNull();
+      });
+    });
+  });
+});
diff --git a/src/renderer/components/drawer/drawer-param-toggler.tsx b/src/renderer/components/drawer/drawer-param-toggler.tsx
index 44d813a25e..42d4c056e9 100644
--- a/src/renderer/components/drawer/drawer-param-toggler.tsx
+++ b/src/renderer/components/drawer/drawer-param-toggler.tsx
@@ -33,13 +33,17 @@ export class DrawerParamToggler extends React.Component<DrawerParamTogglerProps,
       <div className="DrawerParamToggler">
         <div className="flex gaps align-center params">
           <div className="param-label">{label}</div>
-          <div className="param-link" onClick={this.toggle}>
+          <div
+            className="param-link"
+            onClick={this.toggle}
+            data-testid="drawer-param-toggler"
+          >
             <span className="param-link-text">{link}</span>
             <Icon material={icon}/>
           </div>
         </div>
         <div className={cssNames("param-content", { open })}>
-          {children}
+          {open && children}
         </div>
       </div>
     );
diff --git a/src/renderer/components/drawer/drawer.tsx b/src/renderer/components/drawer/drawer.tsx
index 2f575788fe..7a87d1a47f 100644
--- a/src/renderer/components/drawer/drawer.tsx
+++ b/src/renderer/components/drawer/drawer.tsx
@@ -39,6 +39,8 @@ export interface DrawerProps {
   onClose?: () => void;
   toolbar?: React.ReactNode;
   children?: SingleOrMany<React.ReactNode>;
+  "data-testid"?: string;
+  testIdForClose?: string;
 }
 
 const defaultProps = {
@@ -107,8 +109,9 @@ class NonInjectedDrawer extends React.Component<DrawerProps & Dependencies & typ
     // detail: A count of consecutive clicks that happened in a short amount of time
     if (ev.detail === 3) {
       const selection = window.getSelection();
+      const isSelectingChildrenOfInputLabel = selection?.anchorNode instanceof HTMLLabelElement;
 
-      if (selection?.anchorNode?.parentNode) {
+      if (selection?.anchorNode?.parentNode && !isSelectingChildrenOfInputLabel) {
         selection.selectAllChildren(selection.anchorNode.parentNode);
       }
     }
@@ -178,7 +181,7 @@ class NonInjectedDrawer extends React.Component<DrawerProps & Dependencies & typ
   };
 
   render() {
-    const { className, contentClass, animation, open, position, title, children, toolbar, size, usePortal } = this.props;
+    const { className, contentClass, animation, open, position, title, children, toolbar, size, usePortal, "data-testid": testId, testIdForClose } = this.props;
     const { isCopied, width } = this.state;
     const copyTooltip = isCopied ? "Copied!" : "Copy";
     const copyIcon = isCopied ? "done" : "content_copy";
@@ -192,6 +195,7 @@ class NonInjectedDrawer extends React.Component<DrawerProps & Dependencies & typ
           className={cssNames("Drawer", className, position)}
           style={{ "--size": drawerSize } as React.CSSProperties}
           ref={e => this.contentElem = e}
+          data-testid={testId}
         >
           <div className="drawer-wrapper flex column">
             <div className="drawer-title flex align-center">
@@ -210,6 +214,7 @@ class NonInjectedDrawer extends React.Component<DrawerProps & Dependencies & typ
                 material="close"
                 tooltip="Close"
                 onClick={this.close}
+                data-testid={testIdForClose}
               />
             </div>
             <div
diff --git a/src/renderer/components/dropdown/dropdown.tsx b/src/renderer/components/dropdown/dropdown.tsx
new file mode 100644
index 0000000000..40efd877c6
--- /dev/null
+++ b/src/renderer/components/dropdown/dropdown.tsx
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { HTMLAttributes } from "react";
+import React, { useState } from "react";
+import { Menu } from "../menu";
+
+interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
+  contentForToggle: React.ReactNode;
+}
+
+export function Dropdown(props: DropdownProps) {
+  const { id, contentForToggle, children, ...rest } = props;
+  const [opened, setOpened] = useState(false);
+  
+  const toggle = () => {
+    setOpened(!opened);
+  };
+
+  return (
+    <div {...rest}>
+      <div id={id}>
+        {contentForToggle}
+      </div>
+      <Menu
+        usePortal
+        htmlFor={id}
+        isOpen={opened}
+        close={toggle}
+        open={toggle}
+      >
+        {React.Children.toArray(children)}
+      </Menu>
+    </div>
+  );
+}
diff --git a/src/renderer/components/duration/reactive-duration.tsx b/src/renderer/components/duration/reactive-duration.tsx
index 4430315b38..ce38b82509 100644
--- a/src/renderer/components/duration/reactive-duration.tsx
+++ b/src/renderer/components/duration/reactive-duration.tsx
@@ -4,9 +4,9 @@
  */
 
 import { observer } from "mobx-react";
-import { now } from "mobx-utils";
 import React from "react";
 import { formatDuration } from "../../utils";
+import { reactiveNow } from "../../../common/utils/reactive-now/reactive-now";
 
 export interface ReactiveDurationProps {
   timestamp: string | undefined;
@@ -42,7 +42,7 @@ export const ReactiveDuration = observer(({ timestamp, compact = true }: Reactiv
 
   return (
     <>
-      {formatDuration(now(computeUpdateInterval(timestampSeconds)) - timestampSeconds, compact)}
+      {formatDuration(reactiveNow(computeUpdateInterval(timestampSeconds)) - timestampSeconds, compact)}
     </>
   );
 });
diff --git a/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx b/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx
index 48ee9e63b4..cc22112380 100644
--- a/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx
+++ b/src/renderer/components/hotbar/__tests__/hotbar-remove-command.test.tsx
@@ -16,7 +16,6 @@ import { ConfirmDialog } from "../../confirm-dialog";
 import mockFs from "mock-fs";
 import directoryForUserDataInjectable from "../../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
 import getConfigurationFileModelInjectable from "../../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../../common/get-configuration-file-model/app-version/app-version.injectable";
 import type { HotbarStore } from "../../../../common/hotbars/store";
 import storesAndApisCanBeCreatedInjectable from "../../../stores-apis-can-be-created.injectable";
 
@@ -49,7 +48,6 @@ describe("<HotbarRemoveCommand />", () => {
 
     di.permitSideEffects(hotbarStoreInjectable);
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
 
     render = renderFor(di);
   });
diff --git a/src/renderer/components/hotbar/hotbar-menu.tsx b/src/renderer/components/hotbar/hotbar-menu.tsx
index 9e3b9e5488..05e11bf659 100644
--- a/src/renderer/components/hotbar/hotbar-menu.tsx
+++ b/src/renderer/components/hotbar/hotbar-menu.tsx
@@ -184,7 +184,9 @@ class NonInjectedHotbarMenu extends React.Component<Dependencies & HotbarMenuPro
     return (
       <div className={cssNames("HotbarMenu flex column", { draggingOver: this.draggingOver }, className)}>
         <div className="HotbarItems flex column gaps">
-          <DragDropContext onDragStart={() => this.onDragStart()} onDragEnd={(result) => this.onDragEnd(result)}>
+          <DragDropContext
+            onDragStart={() => this.onDragStart()}
+            onDragEnd={(result) => this.onDragEnd(result)}>
             {this.renderGrid()}
           </DragDropContext>
         </div>
diff --git a/src/renderer/components/hotbar/hotbar-selector.module.scss b/src/renderer/components/hotbar/hotbar-selector.module.scss
index b95823f7fe..a8154c4579 100644
--- a/src/renderer/components/hotbar/hotbar-selector.module.scss
+++ b/src/renderer/components/hotbar/hotbar-selector.module.scss
@@ -6,9 +6,10 @@
 .HotbarSelector {
   display: flex;
   align-items: center;
-  height: 26px;
+  height: 25px;
   background-color: var(--layoutBackground);
   position: relative;
+  justify-content: center;
 
   &:before {
     content: " ";
@@ -21,8 +22,7 @@
 
   .HotbarIndex {
     display: flex;
-    flex-grow: 1;
-    align-items: center;
+    width: 3ch;
   }
 
   .Badge {
@@ -30,21 +30,17 @@
     background: var(--secondaryBackground);
     width: 100%;
     color: var(--settingsColor);
-    padding-top: 3px;
+    padding: 0px calc(var(--padding) / 2);
   }
 
   .Icon {
-    --size: 16px;
-    padding: 0 4px 0 0px;
-    margin: 0px 4px;
-
     &:hover {
       box-shadow: none;
       background-color: transparent;
     }
 
-    &.previous {
-      transform: rotateY(180deg);
+    &:focus-visible {
+      z-index: 1;
     }
   }
 }
diff --git a/src/renderer/components/hotbar/hotbar-selector.tsx b/src/renderer/components/hotbar/hotbar-selector.tsx
index d6a52dcae6..4d6104b5b3 100644
--- a/src/renderer/components/hotbar/hotbar-selector.tsx
+++ b/src/renderer/components/hotbar/hotbar-selector.tsx
@@ -58,7 +58,7 @@ const NonInjectedHotbarSelector = observer(({ hotbar, hotbarStore, openCommandOv
   return (
     <div className={styles.HotbarSelector}>
       <Icon
-        material="play_arrow"
+        material="arrow_left"
         className={cssNames(styles.Icon, styles.previous)}
         onClick={onPrevClick}/>
       <div className={styles.HotbarIndex}>
@@ -80,7 +80,7 @@ const NonInjectedHotbarSelector = observer(({ hotbar, hotbarStore, openCommandOv
         </Tooltip>
       </div>
       <Icon
-        material="play_arrow"
+        material="arrow_right"
         className={styles.Icon}
         onClick={onNextClick}
       />
diff --git a/src/renderer/components/icon/arrow-spinner.svg b/src/renderer/components/icon/arrow-spinner.svg
new file mode 100644
index 0000000000..413b93f3a2
--- /dev/null
+++ b/src/renderer/components/icon/arrow-spinner.svg
@@ -0,0 +1,6 @@
+<svg version="1.1" id="Layer_1"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000">
+  <path id="arrow" class="st0" d="M760,291.25L520.160841,258.873994l63.74222-72.777055C530.714286,132.984694,460.153061,103.75,385,103.75s-145.714286,29.234694-198.903061,82.346939C132.984694,239.285714,103.75,309.846939,103.75,385s29.234694,145.714286,82.346939,198.903061C239.209184,637.015306,309.846939,666.25,385,666.25s145.714286-29.234694,198.903061-82.346939c4.438776-4.438776,8.72449-9.030612,12.780612-13.69898l70.561224,61.760204C598.443878,710.408163,497.5,760,385,760C177.908163,760,10,592.091837,10,385s167.908163-375,375-375c103.545918,0,197.295918,42.015306,265.178571,109.821429l72.331514-70.086922L760,291.25Z" transform="translate(115 115)"/>
+  <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="3s" additive="sum" repeatCount="indefinite" />
+</svg>
diff --git a/src/renderer/components/input/__tests__/input_validators.test.ts b/src/renderer/components/input/__tests__/input_validators.test.ts
index cb6a0b3db9..63dda431d0 100644
--- a/src/renderer/components/input/__tests__/input_validators.test.ts
+++ b/src/renderer/components/input/__tests__/input_validators.test.ts
@@ -3,6 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+import type { InputValidator } from "../input_validators";
 import { isEmail, isUrl, systemName, unionInputValidators, unionInputValidatorsAsync } from "../input_validators";
 
 type TextValidationCase = [string, boolean];
@@ -146,4 +147,12 @@ describe("input validation tests", () => {
       expect(systemName.validate(input)).toBe(output);
     });
   });
+
+  it("should allow InputValidator to be used without any type params", () => {
+    const v: InputValidator = {
+      validate: (input: string) => input.length > 10,
+    };
+
+    expect(v.validate("hello")).toBe(false);
+  });
 });
diff --git a/src/renderer/components/input/input.tsx b/src/renderer/components/input/input.tsx
index f69d297432..3305c48e7b 100644
--- a/src/renderer/components/input/input.tsx
+++ b/src/renderer/components/input/input.tsx
@@ -178,7 +178,11 @@ export class Input extends React.Component<InputProps, State> {
         break;
       }
 
-      if (isAsyncValidator(validator)) {
+      const result = validator.validate(value, this.props);
+
+      if (typeof result === "boolean" && !result) {
+        errors.push(this.getValidatorError(value, validator));
+      } else if (result instanceof Promise) {
         if (!validationId) {
           this.validationId = validationId = uniqueId("validation_id_");
         }
@@ -189,8 +193,6 @@ export class Input extends React.Component<InputProps, State> {
             return this.getValidatorError(value, validator) || (error instanceof Error ? error.message : String(error));
           }
         })());
-      } else if (!validator.validate(value, this.props)) {
-        errors.push(this.getValidatorError(value, validator));
       }
     }
 
diff --git a/src/renderer/components/input/input_validators.ts b/src/renderer/components/input/input_validators.ts
index 59e12a977a..065b60db3f 100644
--- a/src/renderer/components/input/input_validators.ts
+++ b/src/renderer/components/input/input_validators.ts
@@ -18,38 +18,58 @@ export type InputValidation<IsAsync extends boolean> = (value: string, props?: I
 
 export type SyncValidationMessage = React.ReactNode | ((value: string, props?: InputProps) => React.ReactNode);
 
-export type InputValidator<IsAsync extends boolean = boolean> = {
+/**
+ * @deprecated This type is not as type safe as it is possible to specify an async input validator without specifying a `debounce` time.
+ *
+ * Use {@link asyncInputValidator} or {@link inputValidator} instead to create validators
+ */
+export interface LegacyInputValidator {
   /**
    * Filters itself based on the input props
    */
   condition?: (props: InputProps) => any;
-} & (
-  IsAsync extends true
-    ? {
-      /**
-       * The validation message maybe either specified from the `message` field (higher priority)
-       * or if that is not provided then the message will retrived from the rejected with value
-       */
-      validate: InputValidation<true>;
-      message?: SyncValidationMessage;
-      debounce: number;
-    }
-    : {
-      validate: InputValidation<false>;
-      message: SyncValidationMessage;
-      debounce?: undefined;
-    }
-  );
+  validate: InputValidation<boolean>;
+  message?: SyncValidationMessage;
+  debounce?: number;
+}
 
-export function isAsyncValidator(validator: InputValidator<boolean>): validator is InputValidator<true> {
+export interface AsyncInputValidator {
+  /**
+   * Filters itself based on the input props
+   */
+  condition?: (props: InputProps) => any;
+  validate: InputValidation<true>;
+  message?: SyncValidationMessage;
+  debounce: number;
+}
+
+export interface SyncInputValidator {
+  /**
+   * Filters itself based on the input props
+   */
+  condition?: (props: InputProps) => any;
+  validate: InputValidation<false>;
+  message: SyncValidationMessage;
+  debounce?: undefined;
+}
+
+export type InputValidator<IsAsync extends boolean = boolean> = SyncInputValidator | AsyncInputValidator | (IsAsync extends boolean ? LegacyInputValidator : never);
+
+export function isAsyncValidator(validator: InputValidator): validator is AsyncInputValidator {
   return typeof validator.debounce === "number";
 }
 
-export function asyncInputValidator(validator: InputValidator<true>): InputValidator<true> {
+/**
+ * A helper function to create an {@link AsyncInputValidator}
+ */
+export function asyncInputValidator(validator: AsyncInputValidator): AsyncInputValidator {
   return validator;
 }
 
-export function inputValidator(validator: InputValidator<false>): InputValidator<false> {
+/**
+ * A helper function to create an {@link SyncInputValidator}
+ */
+export function inputValidator(validator: SyncInputValidator): SyncInputValidator {
   return validator;
 }
 
@@ -58,9 +78,9 @@ export function inputValidator(validator: InputValidator<false>): InputValidator
  * one of the input validators matches the input
  */
 export function unionInputValidators(
-  baseValidator: Pick<InputValidator<false>, "condition" | "message">,
-  ...validators: InputValidator<false>[]
-): InputValidator<false> {
+  baseValidator: Pick<SyncInputValidator, "condition" | "message">,
+  ...validators: SyncInputValidator[]
+): SyncInputValidator {
   return inputValidator({
     ...baseValidator,
     validate: (value, props) => validators.some(validator => validator.validate(value, props)),
@@ -72,13 +92,13 @@ export function unionInputValidators(
  * valid if one of the input validators matches the input
  */
 export function unionInputValidatorsAsync(
-  baseValidator: SetRequired<Pick<InputValidator<boolean>, "condition" | "message">, "message">,
-  ...validators: InputValidator<boolean>[]
-): InputValidator<true> {
+  baseValidator: SetRequired<Pick<InputValidator, "condition" | "message">, "message">,
+  ...validators: InputValidator[]
+): AsyncInputValidator {
   const longestDebounce = Math.max(
     ...validators
       .filter(isAsyncValidator)
-      .map(validator => validator.debounce),
+      .map(validator => validator.debounce ?? 0),
     0,
   );
 
diff --git a/src/renderer/components/item-object-list/content.tsx b/src/renderer/components/item-object-list/content.tsx
index 3529b258c2..07756760a9 100644
--- a/src/renderer/components/item-object-list/content.tsx
+++ b/src/renderer/components/item-object-list/content.tsx
@@ -7,6 +7,7 @@ import "./item-list-layout.scss";
 
 import type { ReactNode } from "react";
 import React from "react";
+import type { IComputedValue } from "mobx";
 import { computed, makeObservable } from "mobx";
 import { Observer, observer } from "mobx-react";
 import type { ConfirmDialogParams } from "../confirm-dialog";
@@ -20,18 +21,18 @@ import { NoItems } from "../no-items";
 import { Spinner } from "../spinner";
 import type { ItemObject } from "../../../common/item.store";
 import type { Filter, PageFiltersStore } from "./page-filters/store";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { MenuActions } from "../menu/menu-actions";
 import { MenuItem } from "../menu";
 import { Checkbox } from "../checkbox";
 import type { UserStore } from "../../../common/user-store";
 import type { ItemListStore } from "./list-layout";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
 import userStoreInjectable from "../../../common/user-store/user-store.injectable";
 import pageFiltersStoreInjectable from "./page-filters/store.injectable";
 import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
 import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export interface ItemListLayoutContentProps<Item extends ItemObject, PreLoadStores extends boolean> {
   getFilters: () => Filter[];
@@ -60,6 +61,8 @@ export interface ItemListLayoutContentProps<Item extends ItemObject, PreLoadStor
   // other
   customizeRemoveDialog?: (selectedItems: Item[]) => Partial<ConfirmDialogParams>;
 
+  spinnerTestId?: string;
+
   /**
    * Message to display when a store failed to load
    *
@@ -69,7 +72,7 @@ export interface ItemListLayoutContentProps<Item extends ItemObject, PreLoadStor
 }
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
   userStore: UserStore;
   pageFiltersStore: PageFiltersStore;
   openConfirmDialog: OpenConfirmDialog;
@@ -221,7 +224,7 @@ class NonInjectedItemListLayoutContent<
     }
 
     if (!this.props.getIsReady()) {
-      return <Spinner center />;
+      return <Spinner center data-testid={this.props.spinnerTestId} />;
     }
 
     if (this.props.getFilters().length > 0) {
@@ -289,10 +292,10 @@ class NonInjectedItemListLayoutContent<
   render() {
     const {
       store, hasDetailsView, addRemoveButtons = {}, virtual, sortingCallbacks,
-      detailsItem, className, tableProps = {}, tableId, getItems, themeStore,
+      detailsItem, className, tableProps = {}, tableId, getItems, activeTheme,
     } = this.props;
     const selectedItemId = detailsItem && detailsItem.getId();
-    const classNames = cssNames(className, "box", "grow", themeStore.activeTheme.type);
+    const classNames = cssNames(className, "box", "grow", activeTheme.get().type);
     const items = getItems();
     const selectedItems = store.pickOnlySelected(items);
 
@@ -343,6 +346,7 @@ class NonInjectedItemListLayoutContent<
 
     return (
       <MenuActions
+        id="menu-actions-for-item-object-list-content"
         className="ItemListLayoutVisibilityMenu"
         toolbar={false}
         autoCloseOnSelect={false}
@@ -374,7 +378,7 @@ class NonInjectedItemListLayoutContent<
 export const ItemListLayoutContent = withInjectables<Dependencies, ItemListLayoutContentProps<ItemObject, boolean>>(NonInjectedItemListLayoutContent, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
     userStore: di.inject(userStoreInjectable),
     pageFiltersStore: di.inject(pageFiltersStoreInjectable),
     openConfirmDialog: di.inject(openConfirmDialogInjectable),
diff --git a/src/renderer/components/item-object-list/list-layout.tsx b/src/renderer/components/item-object-list/list-layout.tsx
index 58662cd115..63fbc651f8 100644
--- a/src/renderer/components/item-object-list/list-layout.tsx
+++ b/src/renderer/components/item-object-list/list-layout.tsx
@@ -121,6 +121,8 @@ export type ItemListLayoutProps<Item extends ItemObject, PreLoadStores extends b
   customizeRemoveDialog?: (selectedItems: Item[]) => Partial<ConfirmDialogParams>;
   renderFooter?: (parent: NonInjectedItemListLayout<Item, PreLoadStores>) => React.ReactNode;
 
+  spinnerTestId?: string;
+
   /**
    * Message to display when a store failed to load
    *
@@ -321,6 +323,7 @@ class NonInjectedItemListLayout<I extends ItemObject, PreLoadStores extends bool
           onDetails={this.props.onDetails}
           customizeRemoveDialog={this.props.customizeRemoveDialog}
           failedToLoadMessage={this.props.failedToLoadMessage}
+          spinnerTestId={this.props.spinnerTestId}
         />
 
         {this.props.renderFooter?.(this)}
diff --git a/src/renderer/components/kube-object-details/current-kube-object-in-details.injectable.ts b/src/renderer/components/kube-object-details/current-kube-object-in-details.injectable.ts
new file mode 100644
index 0000000000..3727c90395
--- /dev/null
+++ b/src/renderer/components/kube-object-details/current-kube-object-in-details.injectable.ts
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import kubeDetailsUrlParamInjectable from "../kube-detail-params/kube-details-url.injectable";
+import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+
+const currentKubeObjectInDetailsInjectable = getInjectable({
+  id: "current-kube-object-in-details",
+
+  instantiate: (di) => {
+    const urlParam = di.inject(kubeDetailsUrlParamInjectable);
+    const apiManager = di.inject(apiManagerInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return computed(() => {
+      const path = urlParam.get();
+
+      try {
+        return apiManager.getStore(path)?.getByPath(path);
+      } catch (error) {
+        logger.error(
+          `[KUBE-OBJECT-DETAILS]: failed to get store or object ${path}: ${error}`,
+        );
+
+        return undefined;
+      }
+    });
+  },
+});
+
+export default currentKubeObjectInDetailsInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-binding-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-binding-detail-item.injectable.ts
new file mode 100644
index 0000000000..ad70d9245a
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-binding-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ClusterRoleBindingDetails } from "../../../+user-management/+cluster-role-bindings";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+
+const clusterRoleBindingDetailItemInjectable = getInjectable({
+  id: "cluster-role-binding-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ClusterRoleBindingDetails,
+      enabled: computed(() => isClusterRoleBinding(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default clusterRoleBindingDetailItemInjectable;
+
+export const isClusterRoleBinding = kubeObjectMatchesToKindAndApiVersion(
+  "ClusterRoleBinding",
+  ["rbac.authorization.k8s.io/v1"],
+);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-detail-item.injectable.ts
new file mode 100644
index 0000000000..11c0769e58
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cluster-role-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ClusterRoleDetails } from "../../../+user-management/+cluster-roles";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+
+const clusterRoleDetailItemInjectable = getInjectable({
+  id: "cluster-role-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ClusterRoleDetails,
+      enabled: computed(() => isClusterRole(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default clusterRoleDetailItemInjectable;
+
+export const isClusterRole = kubeObjectMatchesToKindAndApiVersion(
+  "ClusterRole",
+  ["rbac.authorization.k8s.io/v1"],
+);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/config-map-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/config-map-detail-item.injectable.ts
new file mode 100644
index 0000000000..7f0f37a589
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/config-map-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ConfigMapDetails } from "../../../+config-maps";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const configMapDetailItemInjectable = getInjectable({
+  id: "config-map-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ConfigMapDetails,
+      enabled: computed(() => isConfigMap(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default configMapDetailItemInjectable;
+
+const isConfigMap = kubeObjectMatchesToKindAndApiVersion("ConfigMap", ["v1"]);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cron-job-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cron-job-detail-item.injectable.ts
new file mode 100644
index 0000000000..1d268b4b0d
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/cron-job-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { CronJobDetails } from "../../../+workloads-cronjobs";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+
+const cronJobDetailItemInjectable = getInjectable({
+  id: "cron-job-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: CronJobDetails,
+      enabled: computed(() => isCronJob(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default cronJobDetailItemInjectable;
+
+export const isCronJob = kubeObjectMatchesToKindAndApiVersion("CronJob", [
+  "batch/v1beta1",
+]);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/custom-resource-definitions-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/custom-resource-definitions-detail-item.injectable.ts
new file mode 100644
index 0000000000..b459408ed3
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/custom-resource-definitions-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { CRDDetails } from "../../../+custom-resources";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const customResourceDefinitionsDetailItemInjectable = getInjectable({
+  id: "custom-resource-definitions-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: CRDDetails,
+      enabled: computed(() => isCustomResourceDefinition(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default customResourceDefinitionsDetailItemInjectable;
+
+const isCustomResourceDefinition = kubeObjectMatchesToKindAndApiVersion(
+  "CustomResourceDefinition",
+  ["apiextensions.k8s.io/v1", "apiextensions.k8s.io/v1beta1"],
+);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/daemon-set-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/daemon-set-detail-item.injectable.ts
new file mode 100644
index 0000000000..32ca10f938
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/daemon-set-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { DaemonSetDetails } from "../../../+workloads-daemonsets";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const daemonSetDetailItemInjectable = getInjectable({
+  id: "daemon-set-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: DaemonSetDetails,
+      enabled: computed(() => isDaemonSet(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default daemonSetDetailItemInjectable;
+
+export const isDaemonSet = kubeObjectMatchesToKindAndApiVersion("DaemonSet", [
+  "apps/v1",
+]);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/deployment-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/deployment-detail-item.injectable.ts
new file mode 100644
index 0000000000..6ecb291702
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/deployment-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { DeploymentDetails } from "../../../+workloads-deployments";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+
+const deploymentDetailItemInjectable = getInjectable({
+  id: "deployment-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: DeploymentDetails,
+      enabled: computed(() => isDeployment(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isDeployment = kubeObjectMatchesToKindAndApiVersion("Deployment", [
+  "apps/v1",
+]);
+
+export default deploymentDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/endpoints-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/endpoints-detail-item.injectable.ts
new file mode 100644
index 0000000000..c8b0e149e3
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/endpoints-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { EndpointsDetails } from "../../../+network-endpoints";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const endpointsDetailItemInjectable = getInjectable({
+  id: "endpoints-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: EndpointsDetails,
+      enabled: computed(() => isEndpoint(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isEndpoint = kubeObjectMatchesToKindAndApiVersion("Endpoints", [
+  "v1",
+]);
+
+export default endpointsDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/events-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/events-detail-item.injectable.ts
new file mode 100644
index 0000000000..9263a5796f
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/events-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { EventDetails } from "../../../+events";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const eventsDetailItemInjectable = getInjectable({
+  id: "events-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: EventDetails,
+      enabled: computed(() => isEvent(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isEvent = kubeObjectMatchesToKindAndApiVersion("Event", ["v1"]);
+
+export default eventsDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts
new file mode 100644
index 0000000000..85566eedf7
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { HpaDetails } from "../../../+config-autoscalers";
+import { computed } from "mobx";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const horizontalPodAutoscalerDetailItemInjectable = getInjectable({
+  id: "horizontal-pod-autoscaler-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: HpaDetails,
+      enabled: computed(() => isHorizontalPodAutoscaler(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isHorizontalPodAutoscaler = kubeObjectMatchesToKindAndApiVersion(
+  "HorizontalPodAutoscaler",
+  ["autoscaling/v2beta1"],
+);
+
+export default horizontalPodAutoscalerDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-detail-item.injectable.ts
new file mode 100644
index 0000000000..86d4103197
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/ingress-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { IngressDetails } from "../../../+network-ingresses";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const ingressDetailItemInjectable = getInjectable({
+  id: "ingress-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: IngressDetails,
+      enabled: computed(() => isIngress(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isIngress = kubeObjectMatchesToKindAndApiVersion("Ingress", [
+  "networking.k8s.io/v1",
+  "extensions/v1beta1",
+]);
+
+export default ingressDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/job-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/job-detail-item.injectable.ts
new file mode 100644
index 0000000000..7c32c726e9
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/job-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { JobDetails } from "../../../+workloads-jobs";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const jobDetailItemInjectable = getInjectable({
+  id: "job-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: JobDetails,
+      enabled: computed(() => isJob(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isJob = kubeObjectMatchesToKindAndApiVersion("Job", ["batch/v1"]);
+
+export default jobDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/kube-event-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/kube-event-detail-item.injectable.ts
new file mode 100644
index 0000000000..1ca98ad704
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/kube-event-detail-item.injectable.ts
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { KubeEventDetails } from "../../../+events/kube-event-details";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+import { isClusterRole } from "./cluster-role-detail-item.injectable";
+import { isClusterRoleBinding } from "./cluster-role-binding-detail-item.injectable";
+import { isCronJob } from "./cron-job-detail-item.injectable";
+import { isDaemonSet } from "./daemon-set-detail-item.injectable";
+import { isDeployment } from "./deployment-detail-item.injectable";
+import { isEndpoint } from "./endpoints-detail-item.injectable";
+import { isHorizontalPodAutoscaler } from "./horizontal-pod-autoscaler-detail-item.injectable";
+import { isIngress } from "./ingress-detail-item.injectable";
+import { isJob } from "./job-detail-item.injectable";
+import { isNetworkPolicy } from "./network-policy-detail-item.injectable";
+import { isPersistentVolume } from "./persistent-volume-detail-item.injectable";
+import { isPersistentVolumeClaim } from "./persistent-volume-claim-detail-item.injectable";
+import { isNode } from "./node-detail-item.injectable";
+import { isPod } from "./pod-detail-item.injectable";
+import { isReplicaSet } from "./replica-set-detail-item.injectable";
+import { isRole } from "./role-detail-item.injectable";
+import { isRoleBinding } from "./role-binding-detail-item.injectable";
+import { isService } from "./service-detail-item.injectable";
+import { isServiceAccount } from "./service-account-detail-item.injectable";
+import { isStatefulSet } from "./stateful-set-detail-item.injectable";
+import { isStorageClass } from "./storage-class-detail-item.injectable";
+
+const kubeEventDetailItemInjectable = getInjectable({
+  id: "kube-event-detail-item",
+
+  instantiate: (di) => {
+    const currentKubeObjectInDetails = di.inject(
+      currentKubeObjectInDetailsInjectable,
+    );
+
+    return {
+      Component: KubeEventDetails,
+
+      enabled: computed(() => {
+        const kubeObject = currentKubeObjectInDetails.get();
+
+        if (!kubeObject) {
+          return false;
+        }
+
+        const predicates = [
+          isClusterRole,
+          isClusterRoleBinding,
+          isCronJob,
+          isDaemonSet,
+          isDeployment,
+          isEndpoint,
+          isHorizontalPodAutoscaler,
+          isIngress,
+          isJob,
+          isNetworkPolicy,
+          isNode,
+          isPersistentVolume,
+          isPersistentVolumeClaim,
+          isPod,
+          isReplicaSet,
+          isRole,
+          isRoleBinding,
+          isService,
+          isServiceAccount,
+          isStatefulSet,
+          isStorageClass,
+        ];
+
+        return predicates.some((predicate) => predicate(kubeObject));
+      }),
+
+      orderNumber: 355,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export default kubeEventDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/limit-range-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/limit-range-detail-item.injectable.ts
new file mode 100644
index 0000000000..209bb86dde
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/limit-range-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { LimitRangeDetails } from "../../../+config-limit-ranges";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const limitRangeDetailItemInjectable = getInjectable({
+  id: "limit-range-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: LimitRangeDetails,
+      enabled: computed(() => isLimitRange(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isLimitRange = kubeObjectMatchesToKindAndApiVersion("LimitRange", ["v1"]);
+
+export default limitRangeDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/namespaces-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/namespaces-detail-item.injectable.ts
new file mode 100644
index 0000000000..180a05805c
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/namespaces-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { NamespaceDetails } from "../../../+namespaces";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const namespacesDetailItemInjectable = getInjectable({
+  id: "namespaces-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: NamespaceDetails,
+      enabled: computed(() => isNamespace(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isNamespace = kubeObjectMatchesToKindAndApiVersion("Namespace", ["v1"]);
+
+export default namespacesDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/network-policy-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/network-policy-detail-item.injectable.ts
new file mode 100644
index 0000000000..ff7d7f4a7f
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/network-policy-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { NetworkPolicyDetails } from "../../../+network-policies";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const networkPolicyDetailItemInjectable = getInjectable({
+  id: "network-policy-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: NetworkPolicyDetails,
+      enabled: computed(() => isNetworkPolicy(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isNetworkPolicy = kubeObjectMatchesToKindAndApiVersion(
+  "NetworkPolicy",
+  ["networking.k8s.io/v1"],
+);
+
+export default networkPolicyDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/node-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/node-detail-item.injectable.ts
new file mode 100644
index 0000000000..254187d01e
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/node-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { NodeDetails } from "../../../+nodes/details";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+
+const nodeDetailItemInjectable = getInjectable({
+  id: "node-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: NodeDetails,
+      enabled: computed(() => isNode(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isNode = kubeObjectMatchesToKindAndApiVersion("Node", ["v1"]);
+
+export default nodeDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-claim-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-claim-detail-item.injectable.ts
new file mode 100644
index 0000000000..52283738dd
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-claim-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { PersistentVolumeClaimDetails } from "../../../+storage-volume-claims";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const persistentVolumeClaimDetailItemInjectable = getInjectable({
+  id: "persistent-volume-claim-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: PersistentVolumeClaimDetails,
+      enabled: computed(() => isPersistentVolumeClaim(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isPersistentVolumeClaim = kubeObjectMatchesToKindAndApiVersion(
+  "PersistentVolumeClaim",
+  ["v1"],
+);
+
+export default persistentVolumeClaimDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-detail-item.injectable.ts
new file mode 100644
index 0000000000..dd85502c05
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/persistent-volume-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { PersistentVolumeDetails } from "../../../+storage-volumes";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const persistentVolumeDetailItemInjectable = getInjectable({
+  id: "persistent-volume-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: PersistentVolumeDetails,
+      enabled: computed(() => isPersistentVolume(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isPersistentVolume = kubeObjectMatchesToKindAndApiVersion(
+  "PersistentVolume",
+  ["v1"],
+);
+
+export default persistentVolumeDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-detail-item.injectable.ts
new file mode 100644
index 0000000000..7f98c6a9b7
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { PodDetails } from "../../../+workloads-pods";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const podDetailItemInjectable = getInjectable({
+  id: "pod-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: PodDetails,
+      enabled: computed(() => isPod(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isPod = kubeObjectMatchesToKindAndApiVersion("Pod", ["v1"]);
+
+export default podDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-disruption-budget-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-disruption-budget-detail-item.injectable.ts
new file mode 100644
index 0000000000..f320ba5be6
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-disruption-budget-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { PodDisruptionBudgetDetails } from "../../../+config-pod-disruption-budgets";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const podDisruptionBudgetDetailItemInjectable = getInjectable({
+  id: "pod-disruption-budget-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: PodDisruptionBudgetDetails,
+      enabled: computed(() => isPodDisruptionBudget(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isPodDisruptionBudget = kubeObjectMatchesToKindAndApiVersion(
+  "PodDisruptionBudget",
+  ["policy/v1beta1"],
+);
+
+export default podDisruptionBudgetDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-security-policy-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-security-policy-detail-item.injectable.ts
new file mode 100644
index 0000000000..177745e5bb
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/pod-security-policy-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { PodSecurityPolicyDetails } from "../../../+pod-security-policies";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const podSecurityPolicyDetailItemInjectable = getInjectable({
+  id: "pod-security-policy-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: PodSecurityPolicyDetails,
+      enabled: computed(() => isPodSecurityPolicy(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isPodSecurityPolicy = kubeObjectMatchesToKindAndApiVersion(
+  "PodSecurityPolicy",
+  ["policy/v1beta1"],
+);
+
+export default podSecurityPolicyDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/priority-class-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/priority-class-detail-item.injectable.ts
new file mode 100644
index 0000000000..63fa5c18b8
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/priority-class-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { PriorityClassesDetails } from "../../../+config-priority-classes";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const priorityClassDetailItemInjectable = getInjectable({
+  id: "priority-class-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: PriorityClassesDetails,
+      enabled: computed(() => isPriorityClass(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isPriorityClass = kubeObjectMatchesToKindAndApiVersion(
+  "PriorityClass",
+  ["scheduling.k8s.io/v1"],
+);
+
+export default priorityClassDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/replica-set-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/replica-set-detail-item.injectable.ts
new file mode 100644
index 0000000000..9091507ed5
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/replica-set-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ReplicaSetDetails } from "../../../+workloads-replicasets";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const replicaSetDetailItemInjectable = getInjectable({
+  id: "replica-set-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ReplicaSetDetails,
+      enabled: computed(() => isReplicaSet(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isReplicaSet = kubeObjectMatchesToKindAndApiVersion("ReplicaSet", [
+  "apps/v1",
+]);
+
+export default replicaSetDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/resource-quota-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/resource-quota-detail-item.injectable.ts
new file mode 100644
index 0000000000..fd495285b5
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/resource-quota-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ResourceQuotaDetails } from "../../../+config-resource-quotas";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const resourceQuotaDetailItemInjectable = getInjectable({
+  id: "resource-quota-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ResourceQuotaDetails,
+      enabled: computed(() => isResourceQuota(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isResourceQuota = kubeObjectMatchesToKindAndApiVersion("ResourceQuota", [
+  "v1",
+]);
+
+export default resourceQuotaDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-binding-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-binding-detail-item.injectable.ts
new file mode 100644
index 0000000000..a64e727926
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-binding-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { RoleBindingDetails } from "../../../+user-management/+role-bindings";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const roleBindingDetailItemInjectable = getInjectable({
+  id: "role-binding-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: RoleBindingDetails,
+      enabled: computed(() => isRoleBinding(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isRoleBinding = kubeObjectMatchesToKindAndApiVersion(
+  "RoleBinding",
+  ["rbac.authorization.k8s.io/v1"],
+);
+
+export default roleBindingDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-detail-item.injectable.ts
new file mode 100644
index 0000000000..c6acc8aa9f
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/role-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { RoleDetails } from "../../../+user-management/+roles";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const roleDetailItemInjectable = getInjectable({
+  id: "role-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: RoleDetails,
+      enabled: computed(() => isRole(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isRole = kubeObjectMatchesToKindAndApiVersion("Role", [
+  "rbac.authorization.k8s.io/v1",
+]);
+
+export default roleDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/secrets-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/secrets-detail-item.injectable.ts
new file mode 100644
index 0000000000..7cd57f98b1
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/secrets-detail-item.injectable.ts
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { SecretDetails } from "../../../+config-secrets";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const secretsDetailItemInjectable = getInjectable({
+  id: "secrets-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: SecretDetails,
+      enabled: computed(() => isSecret(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+const isSecret = kubeObjectMatchesToKindAndApiVersion("Secret", ["v1"]);
+
+export default secretsDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-account-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-account-detail-item.injectable.ts
new file mode 100644
index 0000000000..3d7ecdffef
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-account-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ServiceAccountsDetails } from "../../../+user-management/+service-accounts";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const serviceAccountDetailItemInjectable = getInjectable({
+  id: "service-account-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ServiceAccountsDetails,
+      enabled: computed(() => isServiceAccount(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isServiceAccount = kubeObjectMatchesToKindAndApiVersion(
+  "ServiceAccount",
+  ["v1"],
+);
+
+export default serviceAccountDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-detail-item.injectable.ts
new file mode 100644
index 0000000000..dad93b0064
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/service-detail-item.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { ServiceDetails } from "../../../+network-services";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const serviceDetailItemInjectable = getInjectable({
+  id: "service-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: ServiceDetails,
+      enabled: computed(() => isService(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isService = kubeObjectMatchesToKindAndApiVersion("Service", [
+  "v1",
+]);
+
+export default serviceDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/stateful-set-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/stateful-set-detail-item.injectable.ts
new file mode 100644
index 0000000000..f206a48aad
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/stateful-set-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { StatefulSetDetails } from "../../../+workloads-statefulsets";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const statefulSetDetailItemInjectable = getInjectable({
+  id: "stateful-set-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: StatefulSetDetails,
+      enabled: computed(() => isStatefulSet(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isStatefulSet = kubeObjectMatchesToKindAndApiVersion(
+  "StatefulSet",
+  ["apps/v1"],
+);
+
+export default statefulSetDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/storage-class-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/storage-class-detail-item.injectable.ts
new file mode 100644
index 0000000000..2493b0eb8d
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/storage-class-detail-item.injectable.ts
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { kubeObjectDetailItemInjectionToken } from "../kube-object-detail-item-injection-token";
+import { computed } from "mobx";
+import { StorageClassDetails } from "../../../+storage-classes";
+import { kubeObjectMatchesToKindAndApiVersion } from "../kube-object-matches-to-kind-and-api-version";
+import currentKubeObjectInDetailsInjectable from "../../current-kube-object-in-details.injectable";
+
+const storageClassDetailItemInjectable = getInjectable({
+  id: "storage-class-detail-item",
+
+  instantiate: (di) => {
+    const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+    return {
+      Component: StorageClassDetails,
+      enabled: computed(() => isStorageClass(kubeObject.get())),
+      orderNumber: 10,
+    };
+  },
+
+  injectionToken: kubeObjectDetailItemInjectionToken,
+});
+
+export const isStorageClass = kubeObjectMatchesToKindAndApiVersion(
+  "StorageClass",
+  ["storage.k8s.io/v1"],
+);
+
+export default storageClassDetailItemInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token.ts
new file mode 100644
index 0000000000..8ccb9bb302
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-injection-token.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import type { KubeObjectDetailsProps } from "../kube-object-details";
+import type React from "react";
+
+export interface KubeObjectDetailItem {
+  Component: React.ElementType<KubeObjectDetailsProps<any>>;
+  enabled: IComputedValue<boolean>;
+  orderNumber: number;
+}
+
+export const kubeObjectDetailItemInjectionToken = getInjectionToken<KubeObjectDetailItem>({
+  id: "kube-object-detail-item-injection-token",
+});
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-registrator.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-registrator.injectable.ts
new file mode 100644
index 0000000000..bf7e296921
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-item-registrator.injectable.ts
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import getRandomIdInjectable from "../../../../common/utils/get-random-id.injectable";
+import type { LensRendererExtension } from "../../../../extensions/lens-renderer-extension";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../../extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { kubeObjectDetailItemInjectionToken } from "./kube-object-detail-item-injection-token";
+import { extensionRegistratorInjectionToken } from "../../../../extensions/extension-loader/extension-registrator-injection-token";
+import currentKubeObjectInDetailsInjectable from "../current-kube-object-in-details.injectable";
+import { kubeObjectMatchesToKindAndApiVersion } from "./kube-object-matches-to-kind-and-api-version";
+
+const kubeObjectDetailItemRegistratorInjectable = getInjectable({
+  id: "kube-object-detail-item-registrator",
+
+  instantiate: (di) => {
+    const getRandomId = di.inject(getRandomIdInjectable);
+
+    const getExtensionShouldBeEnabledForClusterFrame = (
+      extension: LensRendererExtension,
+    ) =>
+      di.inject(extensionShouldBeEnabledForClusterFrameInjectable, extension);
+
+    return (ext) => {
+      const extension = ext as LensRendererExtension;
+
+      const extensionShouldBeEnabledForClusterFrame =
+        getExtensionShouldBeEnabledForClusterFrame(extension);
+
+      return extension.kubeObjectDetailItems.map((registration) => {
+        const id = `kube-object-detail-item-registration-from-${
+          extension.sanitizedExtensionId
+        }-${getRandomId()}`;
+
+        const isRelevantKubeObject = kubeObjectMatchesToKindAndApiVersion(
+          registration.kind,
+          registration.apiVersions,
+        );
+
+        return getInjectable({
+          id,
+
+          instantiate: (di) => {
+            const kubeObject = di.inject(currentKubeObjectInDetailsInjectable);
+
+            return {
+              kind: registration.kind,
+              apiVersions: registration.apiVersions,
+              Component: registration.components.Details,
+
+              enabled: computed(() => {
+                if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
+                  return false;
+                }
+
+                if (!isRelevantKubeObject(kubeObject.get())) {
+                  return false;
+                }
+
+                return registration.visible ? registration.visible.get() : true;
+              }),
+
+              orderNumber: 300 - (registration.priority || 50),
+            };
+          },
+
+          injectionToken: kubeObjectDetailItemInjectionToken,
+        });
+      });
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default kubeObjectDetailItemRegistratorInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-items.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-items.injectable.ts
new file mode 100644
index 0000000000..1fa11b6826
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-detail-items.injectable.ts
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+import { computed } from "mobx";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { filter, map, sortBy } from "lodash/fp";
+import { pipeline } from "@ogre-tools/fp";
+import { kubeObjectDetailItemInjectionToken } from "./kube-object-detail-item-injection-token";
+
+const kubeObjectDetailItemsInjectable = getInjectable({
+  id: "kube-object-detail-items",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const items = computedInjectMany(kubeObjectDetailItemInjectionToken);
+
+    return computed(() => {
+      return pipeline(
+        items.get(),
+        filter((item) => item.enabled.get()),
+        sortBy((item) => item.orderNumber),
+        map((item) => item.Component),
+      );
+    });
+  },
+});
+
+export default kubeObjectDetailItemsInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-matches-to-kind-and-api-version.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-matches-to-kind-and-api-version.ts
new file mode 100644
index 0000000000..3728bda9e5
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/kube-object-matches-to-kind-and-api-version.ts
@@ -0,0 +1,10 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeObject } from "../../../../common/k8s-api/kube-object";
+
+export const kubeObjectMatchesToKindAndApiVersion =
+  (kind: string, apiVersions: string[]) =>
+  <TKubeObject extends KubeObject>(item: TKubeObject | undefined) =>
+      !!item && item.kind === kind && apiVersions.includes(item.apiVersion);
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-registration.ts b/src/renderer/components/kube-object-details/kube-object-detail-registration.ts
new file mode 100644
index 0000000000..c755630a80
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-detail-registration.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type { KubeObjectDetailsProps } from "./kube-object-details";
+import type React from "react";
+import type { IComputedValue } from "mobx";
+
+export interface KubeObjectDetailComponents<T extends KubeObject = KubeObject> {
+  Details: React.ComponentType<KubeObjectDetailsProps<T>>;
+}
+
+export interface KubeObjectDetailRegistration<T extends KubeObject = KubeObject> {
+  kind: string;
+  apiVersions: string[];
+  components: KubeObjectDetailComponents<T>;
+  priority?: number;
+  visible?: IComputedValue<boolean>;
+}
diff --git a/src/renderer/components/kube-object-details/kube-object-details-cluster-frame-child-component.injectable.ts b/src/renderer/components/kube-object-details/kube-object-details-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..4799ff3099
--- /dev/null
+++ b/src/renderer/components/kube-object-details/kube-object-details-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { KubeObjectDetails } from "./kube-object-details";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const kubeObjectDetailsClusterFrameChildComponentInjectable = getInjectable({
+  id: "kube-object-details-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "kube-object-details",
+    shouldRender: computed(() => true),
+    Component: KubeObjectDetails,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default kubeObjectDetailsClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/kube-object-details/kube-object-details.tsx b/src/renderer/components/kube-object-details/kube-object-details.tsx
index c0d566d049..e049cc4640 100644
--- a/src/renderer/components/kube-object-details/kube-object-details.tsx
+++ b/src/renderer/components/kube-object-details/kube-object-details.tsx
@@ -7,13 +7,13 @@ import "./kube-object-details.scss";
 
 import React from "react";
 import { disposeOnUnmount, observer } from "mobx-react";
-import { computed, observable, reaction, makeObservable } from "mobx";
+import type { IComputedValue } from "mobx";
+import { observable, reaction, makeObservable } from "mobx";
 import { Drawer } from "../drawer";
 import type { KubeObject } from "../../../common/k8s-api/kube-object";
 import { Spinner } from "../spinner";
 import type { ApiManager } from "../../../common/k8s-api/api-manager";
 import { KubeObjectMenu } from "../kube-object-menu";
-import { KubeObjectDetailRegistry } from "../../api/kube-object-detail-registry";
 import { CustomResourceDetails } from "../+custom-resources";
 import { KubeObjectMeta } from "../kube-object-meta";
 import type { PageParam } from "../../navigation";
@@ -24,7 +24,8 @@ import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.in
 import customResourceDefinitionStoreInjectable from "../+custom-resources/definition.store.injectable";
 import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
 import kubeDetailsUrlParamInjectable from "../kube-detail-params/kube-details-url.injectable";
-
+import kubeObjectDetailItemsInjectable from "./kube-object-detail-items/kube-object-detail-items.injectable";
+import currentKubeObjectInDetailsInjectable from "./current-kube-object-in-details.injectable";
 
 export interface KubeObjectDetailsProps<Kube extends KubeObject = KubeObject> {
   className?: string;
@@ -32,6 +33,8 @@ export interface KubeObjectDetailsProps<Kube extends KubeObject = KubeObject> {
 }
 
 interface Dependencies {
+  detailComponents: IComputedValue<React.ElementType[]>;
+  kubeObject: IComputedValue<KubeObject | undefined>;
   kubeDetailsUrlParam: PageParam<string>;
   apiManager: ApiManager;
   hideDetails: HideDetails;
@@ -48,20 +51,12 @@ class NonInjectedKubeObjectDetails extends React.Component<Dependencies> {
     makeObservable(this);
   }
 
-  @computed get path() {
+  get path() {
     return this.props.kubeDetailsUrlParam.get();
   }
 
-  @computed get object() {
-    try {
-      return this.props.apiManager
-        .getStore(this.path)
-        ?.getByPath(this.path);
-    } catch (error) {
-      console.error(`[KUBE-OBJECT-DETAILS]: failed to get store or object: ${error}`, { path: this.path });
-
-      return undefined;
-    }
+  get object() {
+    return this.props.kubeObject.get();
   }
 
   componentDidMount(): void {
@@ -107,13 +102,7 @@ class NonInjectedKubeObjectDetails extends React.Component<Dependencies> {
   }
 
   renderContents(object: KubeObject) {
-    const { isLoading, loadingError } = this;
-    const details = KubeObjectDetailRegistry
-      .getInstance()
-      .getItemsForKind(object.kind, object.apiVersion)
-      .map((item, index) => (
-        <item.components.Details object={object} key={`object-details-${index}`} />
-      ));
+    const details = this.props.detailComponents.get();
 
     if (details.length === 0) {
       const crd = this.props.customResourceDefinitionStore.getByObject(object);
@@ -123,26 +112,22 @@ class NonInjectedKubeObjectDetails extends React.Component<Dependencies> {
        * any defined details we should try and display at least some details
        */
       if (crd) {
-        details.push(<CustomResourceDetails
-          key={object.getId()}
-          object={object}
-          crd={crd}
-        />);
+        return (
+          <CustomResourceDetails
+            key={object.getId()}
+            object={object}
+            crd={crd}
+          />
+        );
+      } else {
+        // if we still don't have any details to show, just show the standard object metadata
+        return <KubeObjectMeta key={object.getId()} object={object} />;
       }
     }
 
-    if (details.length === 0) {
-      // if we still don't have any details to show, just show the standard object metadata
-      details.push(<KubeObjectMeta key={object.getId()} object={object} />);
-    }
-
-    return (
-      <>
-        {isLoading && <Spinner center/>}
-        {loadingError && <div className="box center">{loadingError}</div>}
-        {details}
-      </>
-    );
+    return details.map((DetailComponent, index) => (
+      <DetailComponent key={index} object={object} />
+    ));
   }
 
   render() {
@@ -156,6 +141,8 @@ class NonInjectedKubeObjectDetails extends React.Component<Dependencies> {
         toolbar={object && <KubeObjectMenu object={object} toolbar={true}/>}
         onClose={this.props.hideDetails}
       >
+        {isLoading && <Spinner center/>}
+        {loadingError && <div className="box center">{loadingError}</div>}
         {object && this.renderContents(object)}
       </Drawer>
     );
@@ -169,5 +156,7 @@ export const KubeObjectDetails = withInjectables<Dependencies>(NonInjectedKubeOb
     customResourceDefinitionStore: di.inject(customResourceDefinitionStoreInjectable),
     hideDetails: di.inject(hideDetailsInjectable),
     kubeDetailsUrlParam: di.inject(kubeDetailsUrlParamInjectable),
+    detailComponents: di.inject(kubeObjectDetailItemsInjectable),
+    kubeObject: di.inject(currentKubeObjectInDetailsInjectable),
   }),
 });
diff --git a/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap b/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap
index 976c92f3d9..d4714c2b3c 100644
--- a/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap
+++ b/src/renderer/components/kube-object-menu/__snapshots__/kube-object-menu.test.tsx.snap
@@ -6,6 +6,7 @@ exports[`kube-object-menu given kube object renders 1`] = `
     <div>
       <ul
         class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+        id="menu-actions-for-kube-object-menu-for-some-uid"
       >
         <li>
           Some menu item
@@ -18,7 +19,6 @@ exports[`kube-object-menu given kube object renders 1`] = `
           <i
             class="Icon material interactive focusable"
             tabindex="0"
-            tooltip="Delete"
           >
             <span
               class="icon"
@@ -27,6 +27,9 @@ exports[`kube-object-menu given kube object renders 1`] = `
               delete
             </span>
           </i>
+          <div>
+            Delete
+          </div>
           <span
             class="title"
           >
@@ -45,6 +48,7 @@ exports[`kube-object-menu given kube object when removing kube object renders 1`
     <div>
       <ul
         class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+        id="menu-actions-for-kube-object-menu-for-some-uid"
       >
         <li>
           Some menu item
@@ -57,7 +61,6 @@ exports[`kube-object-menu given kube object when removing kube object renders 1`
           <i
             class="Icon material interactive focusable"
             tabindex="0"
-            tooltip="Delete"
           >
             <span
               class="icon"
@@ -66,6 +69,9 @@ exports[`kube-object-menu given kube object when removing kube object renders 1`
               delete
             </span>
           </i>
+          <div>
+            Delete
+          </div>
           <span
             class="title"
           >
@@ -120,6 +126,7 @@ exports[`kube-object-menu given kube object when removing kube object renders 1`
         <button
           class="Button ok primary"
           data-testid="confirm"
+          data-waiting="false"
           type="button"
         >
           Remove
@@ -136,6 +143,7 @@ exports[`kube-object-menu given kube object when rerendered with different kube
     <div>
       <ul
         class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+        id="menu-actions-for-kube-object-menu-for-some-other-uid"
       >
         <li
           class="MenuItem"
@@ -145,7 +153,6 @@ exports[`kube-object-menu given kube object when rerendered with different kube
           <i
             class="Icon material interactive focusable"
             tabindex="0"
-            tooltip="Delete"
           >
             <span
               class="icon"
@@ -154,6 +161,9 @@ exports[`kube-object-menu given kube object when rerendered with different kube
               delete
             </span>
           </i>
+          <div>
+            Delete
+          </div>
           <span
             class="title"
           >
@@ -172,6 +182,7 @@ exports[`kube-object-menu given kube object when rerendered with different kube
     <div>
       <ul
         class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+        id="menu-actions-for-kube-object-menu-for-some-other-uid"
       >
         <li
           class="MenuItem"
@@ -181,7 +192,6 @@ exports[`kube-object-menu given kube object when rerendered with different kube
           <i
             class="Icon material interactive focusable"
             tabindex="0"
-            tooltip="Delete"
           >
             <span
               class="icon"
@@ -190,6 +200,9 @@ exports[`kube-object-menu given kube object when rerendered with different kube
               delete
             </span>
           </i>
+          <div>
+            Delete
+          </div>
           <span
             class="title"
           >
@@ -244,6 +257,7 @@ exports[`kube-object-menu given kube object when rerendered with different kube
         <button
           class="Button ok primary"
           data-testid="confirm"
+          data-waiting="false"
           type="button"
         >
           Remove
@@ -260,6 +274,7 @@ exports[`kube-object-menu given kube object with namespace when removing kube ob
     <div>
       <ul
         class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+        id="menu-actions-for-kube-object-menu-for-some-uid"
       >
         <li>
           Some menu item
@@ -272,7 +287,6 @@ exports[`kube-object-menu given kube object with namespace when removing kube ob
           <i
             class="Icon material interactive focusable"
             tabindex="0"
-            tooltip="Delete"
           >
             <span
               class="icon"
@@ -281,6 +295,9 @@ exports[`kube-object-menu given kube object with namespace when removing kube ob
               delete
             </span>
           </i>
+          <div>
+            Delete
+          </div>
           <span
             class="title"
           >
@@ -335,6 +352,7 @@ exports[`kube-object-menu given kube object with namespace when removing kube ob
         <button
           class="Button ok primary"
           data-testid="confirm"
+          data-waiting="false"
           type="button"
         >
           Remove
@@ -351,6 +369,7 @@ exports[`kube-object-menu given kube object without namespace when removing kube
     <div>
       <ul
         class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+        id="menu-actions-for-kube-object-menu-for-some-uid"
       >
         <li>
           Some menu item
@@ -363,7 +382,6 @@ exports[`kube-object-menu given kube object without namespace when removing kube
           <i
             class="Icon material interactive focusable"
             tabindex="0"
-            tooltip="Delete"
           >
             <span
               class="icon"
@@ -372,6 +390,9 @@ exports[`kube-object-menu given kube object without namespace when removing kube
               delete
             </span>
           </i>
+          <div>
+            Delete
+          </div>
           <span
             class="title"
           >
@@ -426,6 +447,7 @@ exports[`kube-object-menu given kube object without namespace when removing kube
         <button
           class="Button ok primary"
           data-testid="confirm"
+          data-waiting="false"
           type="button"
         >
           Remove
@@ -441,6 +463,7 @@ exports[`kube-object-menu given no kube object, renders 1`] = `
   <div>
     <ul
       class="Menu MenuActions flex KubeObjectMenu toolbar gaps right bottom"
+      id="menu-actions-for-kube-object-menu-for-undefined"
     />
   </div>
 </body>
diff --git a/src/renderer/components/kube-object-menu/dependencies/kube-object-menu-items/get-kube-object-menu-items.ts b/src/renderer/components/kube-object-menu/dependencies/kube-object-menu-items/get-kube-object-menu-items.ts
deleted file mode 100644
index 7539edd041..0000000000
--- a/src/renderer/components/kube-object-menu/dependencies/kube-object-menu-items/get-kube-object-menu-items.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { conforms, includes, eq } from "lodash/fp";
-import type { KubeObject } from "../../../../../common/k8s-api/kube-object";
-import type { LensRendererExtension } from "../../../../../extensions/lens-renderer-extension";
-import { staticKubeObjectMenuItems as staticMenuItems } from "../static-kube-object-menu-items";
-
-interface Dependencies {
-  extensions: LensRendererExtension[];
-  kubeObject: KubeObject | null | undefined;
-}
-
-export const getKubeObjectMenuItems = ({
-  extensions,
-  kubeObject,
-}: Dependencies) => {
-  return [
-    ...staticMenuItems,
-    ...extensions.flatMap((extension) => extension.kubeObjectMenuItems),
-  ]
-    .filter(
-      conforms({
-        kind: eq(kubeObject?.kind),
-        apiVersions: includes(kubeObject?.apiVersion),
-      }),
-    )
-    .map((item) => item.components.MenuItem);
-};
-
diff --git a/src/renderer/components/kube-object-menu/dependencies/kube-object-menu-items/kube-object-menu-items.injectable.ts b/src/renderer/components/kube-object-menu/dependencies/kube-object-menu-items/kube-object-menu-items.injectable.ts
deleted file mode 100644
index 1f9f8586e3..0000000000
--- a/src/renderer/components/kube-object-menu/dependencies/kube-object-menu-items/kube-object-menu-items.injectable.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
-
-import { getKubeObjectMenuItems } from "./get-kube-object-menu-items";
-import type { KubeObject } from "../../../../../common/k8s-api/kube-object";
-import rendererExtensionsInjectable from "../../../../../extensions/renderer-extensions.injectable";
-
-const kubeObjectMenuItemsInjectable = getInjectable({
-  id: "kube-object-menu-items",
-  instantiate: (di, { kubeObject }: { kubeObject: KubeObject }) =>
-    getKubeObjectMenuItems({
-      extensions: di.inject(rendererExtensionsInjectable).get(),
-      kubeObject,
-    }),
-
-  lifecycle: lifecycleEnum.transient,
-});
-
-export default kubeObjectMenuItemsInjectable;
diff --git a/src/renderer/components/kube-object-menu/dependencies/static-kube-object-menu-items.ts b/src/renderer/components/kube-object-menu/dependencies/static-kube-object-menu-items.ts
deleted file mode 100644
index b087a6551a..0000000000
--- a/src/renderer/components/kube-object-menu/dependencies/static-kube-object-menu-items.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { ServiceAccountMenu } from "../../+user-management/+service-accounts/service-account-menu";
-import { CronJobMenu } from "../../+workloads-cronjobs/cron-job-menu";
-import { DeploymentMenu } from "../../+workloads-deployments/deployment-menu";
-import { ReplicaSetMenu } from "../../+workloads-replicasets/replica-set-menu";
-
-export const staticKubeObjectMenuItems = [
-  {
-    kind: "ServiceAccount",
-    apiVersions: ["v1"],
-    components: {
-      MenuItem: ServiceAccountMenu,
-    },
-  },
-  {
-    kind: "CronJob",
-    apiVersions: ["batch/v1beta1"],
-    components: {
-      MenuItem: CronJobMenu,
-    },
-  },
-  {
-    kind: "Deployment",
-    apiVersions: ["apps/v1"],
-    components: {
-      MenuItem: DeploymentMenu,
-    },
-  },
-  {
-    kind: "ReplicaSet",
-    apiVersions: ["apps/v1"],
-    components: {
-      MenuItem: ReplicaSetMenu,
-    },
-  },
-];
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-item-injection-token.ts b/src/renderer/components/kube-object-menu/kube-object-menu-item-injection-token.ts
new file mode 100644
index 0000000000..a3ec5dba4b
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-item-injection-token.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import type { KubeObjectMenuProps } from "./kube-object-menu";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type React from "react";
+
+export type KubeObjectMenuItemComponent = React.ElementType<
+  KubeObjectMenuProps<KubeObject>
+>;
+
+export interface KubeObjectMenuItem {
+  kind: string;
+  apiVersions: string[];
+  enabled: IComputedValue<boolean>;
+  Component: KubeObjectMenuItemComponent;
+  orderNumber: number;
+}
+
+export const kubeObjectMenuItemInjectionToken = getInjectionToken<KubeObjectMenuItem>({
+  id: "kube-object-menu-item-injection-token",
+});
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-item-registrator.injectable.ts b/src/renderer/components/kube-object-menu/kube-object-menu-item-registrator.injectable.ts
new file mode 100644
index 0000000000..e5df278afc
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-item-registrator.injectable.ts
@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { extensionRegistratorInjectionToken } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import getRandomIdInjectable from "../../../common/utils/get-random-id.injectable";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { kubeObjectMenuItemInjectionToken } from "./kube-object-menu-item-injection-token";
+import { computed } from "mobx";
+
+const kubeObjectMenuItemRegistratorInjectable = getInjectable({
+  id: "kube-object-menu-item-registrator",
+
+  instantiate: (di) => {
+    const getRandomId = di.inject(getRandomIdInjectable);
+
+    const getExtensionShouldBeEnabledForClusterFrame = (
+      extension: LensRendererExtension,
+    ) =>
+      di.inject(extensionShouldBeEnabledForClusterFrameInjectable, extension);
+
+    return (ext) => {
+      const extension = ext as LensRendererExtension;
+
+      const extensionShouldBeEnabledForClusterFrame =
+        getExtensionShouldBeEnabledForClusterFrame(extension);
+
+      return extension.kubeObjectMenuItems.map((registration) => {
+        const id = `kube-object-menu-item-registration-from-${
+          extension.sanitizedExtensionId
+        }-${getRandomId()}`;
+
+        return getInjectable({
+          id,
+
+          instantiate: () => ({
+            kind: registration.kind,
+            apiVersions: registration.apiVersions,
+            Component: registration.components.MenuItem,
+
+            enabled: computed(() => {
+              if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
+                return false;
+              }
+
+              return registration.visible ? registration.visible.get() : true;
+            }),
+
+            orderNumber: 100,
+          }),
+
+          injectionToken: kubeObjectMenuItemInjectionToken,
+        });
+      });
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default kubeObjectMenuItemRegistratorInjectable;
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-items.injectable.ts b/src/renderer/components/kube-object-menu/kube-object-menu-items.injectable.ts
new file mode 100644
index 0000000000..796a805dfd
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-items.injectable.ts
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { computed } from "mobx";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { kubeObjectMenuItemInjectionToken } from "./kube-object-menu-item-injection-token";
+import { filter, map, sortBy } from "lodash/fp";
+import { pipeline } from "@ogre-tools/fp";
+
+const kubeObjectMenuItemsInjectable = getInjectable({
+  id: "kube-object-menu-items",
+
+  instantiate: (di, kubeObject: KubeObject) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const menuItems = computedInjectMany(kubeObjectMenuItemInjectionToken);
+
+    return computed(() =>
+      pipeline(
+        menuItems.get(),
+
+        filter(
+          (item) =>
+            item.kind === kubeObject?.kind &&
+            item.apiVersions.includes(kubeObject?.apiVersion) &&
+            item.enabled.get(),
+        ),
+
+        sortBy((item) => item.orderNumber),
+        map((item) => item.Component),
+      ),
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, kubeObject: KubeObject) => kubeObject?.getId(),
+  }),
+});
+
+export default kubeObjectMenuItemsInjectable;
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-items/cron-job-menu.injectable.ts b/src/renderer/components/kube-object-menu/kube-object-menu-items/cron-job-menu.injectable.ts
new file mode 100644
index 0000000000..256e49736f
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-items/cron-job-menu.injectable.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { KubeObjectMenuItemComponent } from "../kube-object-menu-item-injection-token";
+import { kubeObjectMenuItemInjectionToken } from "../kube-object-menu-item-injection-token";
+import { computed } from "mobx";
+import { CronJobMenu } from "../../+workloads-cronjobs/cron-job-menu";
+
+const cronJobMenuInjectable = getInjectable({
+  id: "cron-job-menu-kube-object-menu",
+
+  instantiate: () => (  {
+    kind: "CronJob",
+    apiVersions: ["batch/v1beta1"],
+    Component: CronJobMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 20,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default cronJobMenuInjectable;
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-items/deployment-menu.injectable.ts b/src/renderer/components/kube-object-menu/kube-object-menu-items/deployment-menu.injectable.ts
new file mode 100644
index 0000000000..9791b2f20a
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-items/deployment-menu.injectable.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { KubeObjectMenuItemComponent } from "../kube-object-menu-item-injection-token";
+import { kubeObjectMenuItemInjectionToken } from "../kube-object-menu-item-injection-token";
+import { computed } from "mobx";
+import { DeploymentMenu } from "../../+workloads-deployments/deployment-menu";
+
+const deploymentMenuInjectable = getInjectable({
+  id: "deployment-menu-kube-object-menu",
+
+  instantiate: () => ({
+    kind: "Deployment",
+    apiVersions: ["apps/v1"],
+    Component: DeploymentMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 30,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default deploymentMenuInjectable;
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-items/replica-set-menu.injectable.ts b/src/renderer/components/kube-object-menu/kube-object-menu-items/replica-set-menu.injectable.ts
new file mode 100644
index 0000000000..bb80bcd8fe
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-items/replica-set-menu.injectable.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { KubeObjectMenuItemComponent } from "../kube-object-menu-item-injection-token";
+import { kubeObjectMenuItemInjectionToken } from "../kube-object-menu-item-injection-token";
+import { computed } from "mobx";
+import { ReplicaSetMenu } from "../../+workloads-replicasets/replica-set-menu";
+
+const replicaSetMenuInjectable = getInjectable({
+  id: "replica-set-menu-kube-object-menu",
+
+  instantiate: () => ({
+    kind: "ReplicaSet",
+    apiVersions: ["apps/v1"],
+    Component: ReplicaSetMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 40,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default replicaSetMenuInjectable;
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-items/service-account-menu.injectable.ts b/src/renderer/components/kube-object-menu/kube-object-menu-items/service-account-menu.injectable.ts
new file mode 100644
index 0000000000..37399ad863
--- /dev/null
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-items/service-account-menu.injectable.ts
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { KubeObjectMenuItemComponent } from "../kube-object-menu-item-injection-token";
+import { kubeObjectMenuItemInjectionToken } from "../kube-object-menu-item-injection-token";
+import { ServiceAccountMenu } from "../../+user-management/+service-accounts/service-account-menu";
+import { computed } from "mobx";
+
+const serviceAccountMenuInjectable = getInjectable({
+  id: "service-account-menu-kube-object-menu",
+
+  instantiate: () => ({
+    kind: "ServiceAccount",
+    apiVersions: ["v1"],
+    Component: ServiceAccountMenu as KubeObjectMenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 10,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+export default serviceAccountMenuInjectable;
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu-registration.ts b/src/renderer/components/kube-object-menu/kube-object-menu-registration.ts
index a506846fc5..939fea89f0 100644
--- a/src/renderer/components/kube-object-menu/kube-object-menu-registration.ts
+++ b/src/renderer/components/kube-object-menu/kube-object-menu-registration.ts
@@ -3,6 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
+import type { IComputedValue } from "mobx";
 import type React from "react";
 import type { KubeObject } from "../../../common/k8s-api/kube-object";
 
@@ -19,4 +20,5 @@ export interface KubeObjectMenuRegistration {
   kind: string;
   apiVersions: string[];
   components: KubeObjectMenuComponents;
+  visible?: IComputedValue<boolean>;
 }
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx b/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx
index 9dabdc9da4..b435d2b6b6 100644
--- a/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx
+++ b/src/renderer/components/kube-object-menu/kube-object-menu.test.tsx
@@ -8,12 +8,13 @@ import { screen, waitFor } from "@testing-library/react";
 import "@testing-library/jest-dom/extend-expect";
 import { KubeObject } from "../../../common/k8s-api/kube-object";
 import userEvent from "@testing-library/user-event";
+import { getInjectable } from "@ogre-tools/injectable";
 import type { DiContainer } from "@ogre-tools/injectable";
 import { ConfirmDialog } from "../confirm-dialog";
 import type { AsyncFnMock } from "@async-fn/jest";
 import asyncFn from "@async-fn/jest";
 import { getDiForUnitTesting } from "../../getDiForUnitTesting";
-
+import { computed, runInAction } from "mobx";
 import clusterInjectable from "./dependencies/cluster.injectable";
 import type { DiRender } from "../test-utils/renderFor";
 import { renderFor } from "../test-utils/renderFor";
@@ -21,72 +22,27 @@ import type { Cluster } from "../../../common/cluster/cluster";
 import type { ApiManager } from "../../../common/k8s-api/api-manager";
 import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
 import { KubeObjectMenu } from "./index";
-import type { KubeObjectMenuRegistration } from "./kube-object-menu-registration";
-import { computed } from "mobx";
-import { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
-import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
 import createEditResourceTabInjectable from "../dock/edit-resource/edit-resource-tab.injectable";
 import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
-
-// TODO: Make tooltips free of side effects by making it deterministic
-jest.mock("../tooltip/tooltip");
-jest.mock("../tooltip/withTooltip", () => ({
-  withTooltip: (target: any) => target,
-}));
+import { kubeObjectMenuItemInjectionToken } from "./kube-object-menu-item-injection-token";
 
 // TODO: make `animated={false}` not required to make tests deterministic
-
-class SomeTestExtension extends LensRendererExtension {
-  constructor(
-    kubeObjectMenuItems: KubeObjectMenuRegistration[],
-  ) {
-    super({
-      id: "some-id",
-      absolutePath: "irrelevant",
-      isBundled: false,
-      isCompatible: false,
-      isEnabled: false,
-      manifest: { name: "some-id", version: "some-version", engines: { lens: "^5.5.0" }},
-      manifestPath: "irrelevant",
-    });
-
-    this.kubeObjectMenuItems = kubeObjectMenuItems;
-  }
-}
-
 describe("kube-object-menu", () => {
   let di: DiContainer;
   let render: DiRender;
 
   beforeEach(() => {
-    const MenuItemComponent = () => <li>Some menu item</li>;
-    const someTestExtension = new SomeTestExtension([
-      {
-        apiVersions: ["some-api-version"],
-        kind: "some-kind",
-        components: { MenuItem: MenuItemComponent },
-      },
-
-      {
-        apiVersions: ["some-unrelated-api-version"],
-        kind: "some-kind",
-        components: { MenuItem: MenuItemComponent },
-      },
-
-      {
-        apiVersions: ["some-api-version"],
-        kind: "some-unrelated-kind",
-        components: { MenuItem: MenuItemComponent },
-      },
-    ]);
-
     di = getDiForUnitTesting({ doGeneralOverrides: true });
 
-    render = renderFor(di);
+    runInAction(() => {
+      di.register(
+        someMenuItemInjectable,
+        someOtherMenuItemInjectable,
+        someAnotherMenuItemInjectable,
+      );
+    });
 
-    di.override(rendererExtensionsInjectable, () =>
-      computed(() => [someTestExtension]),
-    );
+    render = renderFor(di);
 
     di.override(
       clusterInjectable,
@@ -318,3 +274,47 @@ describe("kube-object-menu", () => {
     });
   });
 });
+
+const MenuItemComponent = () => <li>Some menu item</li>;
+
+const someMenuItemInjectable = getInjectable({
+  id: "some-menu-item",
+
+  instantiate: () => ({
+    apiVersions: ["some-api-version"],
+    kind: "some-kind",
+    Component: MenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 1,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+const someOtherMenuItemInjectable = getInjectable({
+  id: "some-other-menu-item",
+
+  instantiate: () => ({
+    apiVersions: ["some-unrelated-api-version"],
+    kind: "some-kind",
+    Component: MenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 1,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
+
+const someAnotherMenuItemInjectable = getInjectable({
+  id: "some-another-menu-item",
+
+  instantiate: () => ({
+    apiVersions: ["some-api-version"],
+    kind: "some-unrelated-kind",
+    Component: MenuItemComponent,
+    enabled: computed(() => true),
+    orderNumber: 1,
+  }),
+
+  injectionToken: kubeObjectMenuItemInjectionToken,
+});
diff --git a/src/renderer/components/kube-object-menu/kube-object-menu.tsx b/src/renderer/components/kube-object-menu/kube-object-menu.tsx
index a69fded655..eb0dc025b9 100644
--- a/src/renderer/components/kube-object-menu/kube-object-menu.tsx
+++ b/src/renderer/components/kube-object-menu/kube-object-menu.tsx
@@ -13,13 +13,14 @@ import type { ApiManager } from "../../../common/k8s-api/api-manager";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import clusterNameInjectable from "./dependencies/cluster-name.injectable";
 import createEditResourceTabInjectable from "../dock/edit-resource/edit-resource-tab.injectable";
-import kubeObjectMenuItemsInjectable from "./dependencies/kube-object-menu-items/kube-object-menu-items.injectable";
+import kubeObjectMenuItemsInjectable from "./kube-object-menu-items.injectable";
 import apiManagerInjectable from "../../../common/k8s-api/api-manager/manager.injectable";
 import type { HideDetails } from "../kube-detail-params/hide-details.injectable";
 import hideDetailsInjectable from "../kube-detail-params/hide-details.injectable";
 import type { OnKubeObjectContextMenuOpen } from "./on-context-menu-open.injectable";
 import onKubeObjectContextMenuOpenInjectable from "./on-context-menu-open.injectable";
 import type { KubeObjectContextMenuItem } from "../../kube-object/handler";
+import type { IComputedValue } from "mobx";
 import { observable, runInAction } from "mobx";
 import type { WithConfirmation } from "../confirm-dialog/with-confirm.injectable";
 import type { Navigate } from "../../navigation/navigate.injectable";
@@ -36,7 +37,7 @@ export interface KubeObjectMenuProps<TKubeObject extends KubeObject> extends Men
 
 interface Dependencies {
   apiManager: ApiManager;
-  kubeObjectMenuItems: React.ElementType[];
+  kubeObjectMenuItems: IComputedValue<React.ElementType[]>;
   clusterName: string | undefined;
   hideDetails: HideDetails;
   createEditResourceTab: (kubeObject: KubeObject) => void;
@@ -73,7 +74,7 @@ class NonInjectedKubeObjectMenu<Kube extends KubeObject> extends React.Component
   private renderMenuItems() {
     const { object, toolbar } = this.props;
 
-    return this.props.kubeObjectMenuItems.map((MenuItem, index) => (
+    return this.props.kubeObjectMenuItems.get().map((MenuItem, index) => (
       <MenuItem
         object={object}
         toolbar={toolbar}
@@ -187,6 +188,7 @@ class NonInjectedKubeObjectMenu<Kube extends KubeObject> extends React.Component
 
     return (
       <MenuActions
+        id={`menu-actions-for-kube-object-menu-for-${object?.getId()}`}
         className={cssNames("KubeObjectMenu", className)}
         onOpen={object ? () => this.emitOnContextMenuOpen(object) : undefined}
         {...menuProps}
@@ -205,9 +207,7 @@ export const KubeObjectMenu = withInjectables<Dependencies, KubeObjectMenuProps<
     apiManager: di.inject(apiManagerInjectable),
     createEditResourceTab: di.inject(createEditResourceTabInjectable),
     hideDetails: di.inject(hideDetailsInjectable),
-    kubeObjectMenuItems: di.inject(kubeObjectMenuItemsInjectable, {
-      kubeObject: props.object,
-    }),
+    kubeObjectMenuItems: di.inject(kubeObjectMenuItemsInjectable, props.object),
     onContextMenuOpen: di.inject(onKubeObjectContextMenuOpenInjectable),
     navigate: di.inject(navigateInjectable),
     withConfirmation: di.inject(withConfirmationInjectable),
diff --git a/src/renderer/components/kube-object-status-icon/__snapshots__/kube-object-status-icon.test.tsx.snap b/src/renderer/components/kube-object-status-icon/__snapshots__/kube-object-status-icon.test.tsx.snap
deleted file mode 100644
index 599a0c6489..0000000000
--- a/src/renderer/components/kube-object-status-icon/__snapshots__/kube-object-status-icon.test.tsx.snap
+++ /dev/null
@@ -1,116 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`kube-object-status-icon given info and warning statuses are present, when rendered, renders with statuses 1`] = `
-<body>
-  <div>
-    <i
-      class="Icon KubeObjectStatusIcon warning material focusable"
-      id="tooltip_target_5"
-    >
-      <span
-        class="icon"
-        data-icon-name="warning"
-      >
-        warning
-      </span>
-      <div />
-    </i>
-  </div>
-</body>
-`;
-
-exports[`kube-object-status-icon given level "critical" status, when rendered, renders with status 1`] = `
-<body>
-  <div>
-    <i
-      class="Icon KubeObjectStatusIcon error material focusable"
-      id="tooltip_target_1"
-    >
-      <span
-        class="icon"
-        data-icon-name="error"
-      >
-        error
-      </span>
-      <div />
-    </i>
-  </div>
-</body>
-`;
-
-exports[`kube-object-status-icon given level "info" status, when rendered, renders with status 1`] = `
-<body>
-  <div>
-    <i
-      class="Icon KubeObjectStatusIcon info material focusable"
-      id="tooltip_target_2"
-    >
-      <span
-        class="icon"
-        data-icon-name="info"
-      >
-        info
-      </span>
-      <div />
-    </i>
-  </div>
-</body>
-`;
-
-exports[`kube-object-status-icon given level "warning" status, when rendered, renders with status 1`] = `
-<body>
-  <div>
-    <i
-      class="Icon KubeObjectStatusIcon warning material focusable"
-      id="tooltip_target_3"
-    >
-      <span
-        class="icon"
-        data-icon-name="warning"
-      >
-        warning
-      </span>
-      <div />
-    </i>
-  </div>
-</body>
-`;
-
-exports[`kube-object-status-icon given no statuses, when rendered, renders as empty 1`] = `<div />`;
-
-exports[`kube-object-status-icon given registration for wrong api version, when rendered, renders as empty 1`] = `
-<body>
-  <div />
-</body>
-`;
-
-exports[`kube-object-status-icon given registration for wrong kind, when rendered, renders as empty 1`] = `
-<body>
-  <div />
-</body>
-`;
-
-exports[`kube-object-status-icon given registration without status for exact kube object, when rendered, renders as empty 1`] = `
-<body>
-  <div />
-</body>
-`;
-
-exports[`kube-object-status-icon given status for all levels is present, when rendered, renders with statuses 1`] = `
-<body>
-  <div>
-    <i
-      class="Icon KubeObjectStatusIcon error material focusable"
-      id="tooltip_target_4"
-    >
-      <span
-        class="icon"
-        data-icon-name="error"
-      >
-        error
-      </span>
-      <div />
-    </i>
-  </div>
-</body>
-`;
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-icon.test.tsx b/src/renderer/components/kube-object-status-icon/kube-object-status-icon.test.tsx
deleted file mode 100644
index eccb136222..0000000000
--- a/src/renderer/components/kube-object-status-icon/kube-object-status-icon.test.tsx
+++ /dev/null
@@ -1,263 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getDiForUnitTesting } from "../../getDiForUnitTesting";
-import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
-import type { DiRender } from "../test-utils/renderFor";
-import { renderFor } from "../test-utils/renderFor";
-import { computed } from "mobx";
-import { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
-import { KubeObjectStatusLevel } from "../../../common/k8s-api/kube-object-status";
-import { KubeObject } from "../../../common/k8s-api/kube-object";
-import { KubeObjectStatusIcon } from "./kube-object-status-icon";
-import React from "react";
-import type { KubeObjectStatusRegistration } from "./kube-object-status-registration";
-
-describe("kube-object-status-icon", () => {
-  let render: DiRender;
-  let kubeObjectStatusRegistrations: KubeObjectStatusRegistration[];
-
-  beforeEach(() => {
-    // TODO: Make mocking of date in unit tests global
-    global.Date.now = () => new Date("2015-10-21T07:28:00Z").getTime();
-
-    const di = getDiForUnitTesting({ doGeneralOverrides: true });
-
-    render = renderFor(di);
-
-    kubeObjectStatusRegistrations = [];
-
-    const someTestExtension = new SomeTestExtension(
-      kubeObjectStatusRegistrations,
-    );
-
-    di.override(rendererExtensionsInjectable, () =>
-      computed(() => [someTestExtension]),
-    );
-  });
-
-  it("given no statuses, when rendered, renders as empty", () => {
-    const kubeObject = getKubeObjectStub("irrelevant", "irrelevant");
-
-    const { container } = render(<KubeObjectStatusIcon object={kubeObject} />);
-
-    expect(container).toMatchSnapshot();
-  });
-
-  it('given level "critical" status, when rendered, renders with status', () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const statusRegistration = getStatusRegistration(
-      KubeObjectStatusLevel.CRITICAL,
-      "critical",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(statusRegistration);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it('given level "info" status, when rendered, renders with status', () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const statusRegistration = getStatusRegistration(
-      KubeObjectStatusLevel.INFO,
-      "info",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(statusRegistration);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it('given level "warning" status, when rendered, renders with status', () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const statusRegistration = getStatusRegistration(
-      KubeObjectStatusLevel.WARNING,
-      "warning",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(statusRegistration);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it("given status for all levels is present, when rendered, renders with statuses", () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const critical = getStatusRegistration(
-      KubeObjectStatusLevel.CRITICAL,
-      "critical",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    const warning = getStatusRegistration(
-      KubeObjectStatusLevel.WARNING,
-      "warning",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    const info = getStatusRegistration(
-      KubeObjectStatusLevel.INFO,
-      "info",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(critical);
-    kubeObjectStatusRegistrations.push(warning);
-    kubeObjectStatusRegistrations.push(info);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it("given info and warning statuses are present, when rendered, renders with statuses", () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const warning = getStatusRegistration(
-      KubeObjectStatusLevel.WARNING,
-      "warning",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    const info = getStatusRegistration(
-      KubeObjectStatusLevel.INFO,
-      "info",
-      "some-kind",
-      ["some-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(warning);
-    kubeObjectStatusRegistrations.push(info);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-
-  it("given registration for wrong api version, when rendered, renders as empty", () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const statusRegistration = getStatusRegistration(
-      KubeObjectStatusLevel.CRITICAL,
-      "irrelevant",
-      "some-kind",
-      ["some-other-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(statusRegistration);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it("given registration for wrong kind, when rendered, renders as empty", () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const statusRegistration = getStatusRegistration(
-      KubeObjectStatusLevel.CRITICAL,
-      "irrelevant",
-      "some-other-kind",
-      ["some-api-version"],
-    );
-
-    kubeObjectStatusRegistrations.push(statusRegistration);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-  });
-
-  it("given registration without status for exact kube object, when rendered, renders as empty", () => {
-    const kubeObject = getKubeObjectStub("some-kind", "some-api-version");
-
-    const statusRegistration = {
-      apiVersions: ["some-api-version"],
-      kind: "some-kind",
-      resolve: (): void => {},
-    };
-
-    // @ts-ignore
-    kubeObjectStatusRegistrations.push(statusRegistration);
-
-    const { baseElement } = render(
-      <KubeObjectStatusIcon object={kubeObject} />,
-    );
-
-    expect(baseElement).toMatchSnapshot();
-
-  });
-});
-
-const getKubeObjectStub = (kind: string, apiVersion: string) => KubeObject.create({
-  apiVersion,
-  kind,
-  metadata: {
-    uid: "some-uid",
-    name: "some-name",
-    resourceVersion: "some-resource-version",
-    namespace: "some-namespace",
-    selfLink: "/foo",
-  },
-});
-
-const getStatusRegistration = (level: KubeObjectStatusLevel, title: string, kind: string, apiVersions: string[]) => ({
-  apiVersions,
-  kind,
-  resolve: (kubeObject: KubeObject) => ({
-    level,
-    text: `Some ${title} status for ${kubeObject.getName()}`,
-    timestamp: "2015-10-19T07:28:00Z",
-  }),
-});
-
-class SomeTestExtension extends LensRendererExtension {
-  constructor(kubeObjectStatusTexts: KubeObjectStatusRegistration[]) {
-    super({
-      id: "some-id",
-      absolutePath: "irrelevant",
-      isBundled: false,
-      isCompatible: false,
-      isEnabled: false,
-      manifest: { name: "some-id", version: "some-version", engines: { lens: "^5.5.0" }},
-      manifestPath: "irrelevant",
-    });
-
-    this.kubeObjectStatusTexts = kubeObjectStatusTexts;
-  }
-}
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx b/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx
index ee85ad6753..dd9e68d3f8 100644
--- a/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx
+++ b/src/renderer/components/kube-object-status-icon/kube-object-status-icon.tsx
@@ -7,12 +7,15 @@ import "./kube-object-status-icon.scss";
 
 import React from "react";
 import { Icon } from "../icon";
-import { cssNames, formatDuration, getOrInsert } from "../../utils";
+import { cssNames, formatDuration, getOrInsert, isDefined } from "../../utils";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import statusesForKubeObjectInjectable from "./statuses-for-kube-object.injectable";
+import kubeObjectStatusTextsForObjectInjectable from "./kube-object-status-texts-for-object.injectable";
 import type { KubeObject } from "../../../common/k8s-api/kube-object";
 import type { KubeObjectStatus } from "../../../common/k8s-api/kube-object-status";
 import { KubeObjectStatusLevel } from "../../../common/k8s-api/kube-object-status";
+import type { IComputedValue } from "mobx";
+import { observer } from "mobx-react";
+import type { KubeObjectStatusText } from "./kube-object-status-text-injection-token";
 
 function statusClassName(level: KubeObjectStatusLevel): string {
   switch (level) {
@@ -76,9 +79,10 @@ export interface KubeObjectStatusIconProps {
 }
 
 interface Dependencies {
-  statuses: KubeObjectStatus[];
+  statuses: IComputedValue<KubeObjectStatusText[]>;
 }
 
+@observer
 class NonInjectedKubeObjectStatusIcon extends React.Component<KubeObjectStatusIconProps & Dependencies> {
   renderStatuses(statuses: KubeObjectStatus[], level: number) {
     const filteredStatuses = statuses.filter((item) => item.level == level);
@@ -104,7 +108,11 @@ class NonInjectedKubeObjectStatusIcon extends React.Component<KubeObjectStatusIc
   }
 
   render() {
-    const statuses = this.props.statuses;
+    const statusTexts = this.props.statuses.get();
+
+    const statuses = statusTexts
+      .map((statusText) => statusText.resolve(this.props.object))
+      .filter(isDefined);
 
     if (statuses.length === 0) {
       return null;
@@ -116,6 +124,7 @@ class NonInjectedKubeObjectStatusIcon extends React.Component<KubeObjectStatusIc
       <Icon
         material={maxLevel}
         className={cssNames("KubeObjectStatusIcon", maxLevel)}
+        data-testid={`kube-object-status-icon-for-${this.props.object.getId()}`}
         tooltip={{
           children: (
             <div className="KubeObjectStatusTooltip">
@@ -135,7 +144,7 @@ export const KubeObjectStatusIcon = withInjectables<Dependencies, KubeObjectStat
 
   {
     getProps: (di, props) => ({
-      statuses: di.inject(statusesForKubeObjectInjectable, props.object),
+      statuses: di.inject(kubeObjectStatusTextsForObjectInjectable, props.object),
       ...props,
     }),
   },
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-registration.ts b/src/renderer/components/kube-object-status-icon/kube-object-status-registration.ts
index 01fd22b203..301b1b29eb 100644
--- a/src/renderer/components/kube-object-status-icon/kube-object-status-registration.ts
+++ b/src/renderer/components/kube-object-status-icon/kube-object-status-registration.ts
@@ -2,6 +2,7 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
+import type { IComputedValue } from "mobx";
 import type { KubeObject } from "../../../common/k8s-api/kube-object";
 import type { KubeObjectStatus } from "../../../common/k8s-api/kube-object-status";
 
@@ -9,4 +10,5 @@ export interface KubeObjectStatusRegistration {
   kind: string;
   apiVersions: string[];
   resolve: (object: KubeObject) => KubeObjectStatus;
+  visible?: IComputedValue<boolean>;
 }
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-text-injection-token.ts b/src/renderer/components/kube-object-status-icon/kube-object-status-text-injection-token.ts
new file mode 100644
index 0000000000..10fed8bbff
--- /dev/null
+++ b/src/renderer/components/kube-object-status-icon/kube-object-status-text-injection-token.ts
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import type { KubeObjectStatus } from "../../../common/k8s-api/kube-object-status";
+import type { IComputedValue } from "mobx";
+
+export interface KubeObjectStatusText {
+  kind: string;
+  apiVersions: string[];
+  resolve: (object: KubeObject) => KubeObjectStatus | null;
+  enabled: IComputedValue<boolean>;
+}
+
+export const kubeObjectStatusTextInjectionToken =
+  getInjectionToken<KubeObjectStatusText>({
+    id: "kube-object-status-text-injection-token",
+  });
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-text-registrator.injectable.ts b/src/renderer/components/kube-object-status-icon/kube-object-status-text-registrator.injectable.ts
new file mode 100644
index 0000000000..b5ba2bb922
--- /dev/null
+++ b/src/renderer/components/kube-object-status-icon/kube-object-status-text-registrator.injectable.ts
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { extensionRegistratorInjectionToken } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import getRandomIdInjectable from "../../../common/utils/get-random-id.injectable";
+import { kubeObjectStatusTextInjectionToken } from "./kube-object-status-text-injection-token";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { computed } from "mobx";
+
+const kubeObjectStatusTextRegistratorInjectable = getInjectable({
+  id: "kube-object-status-text-registrator",
+
+  instantiate: (di) => {
+    const getRandomId = di.inject(getRandomIdInjectable);
+
+    const getExtensionShouldBeEnabledForClusterFrame = (
+      extension: LensRendererExtension,
+    ) =>
+      di.inject(extensionShouldBeEnabledForClusterFrameInjectable, extension);
+
+    return (ext) => {
+      const extension = ext as LensRendererExtension;
+
+      const extensionShouldBeEnabledForClusterFrame =
+        getExtensionShouldBeEnabledForClusterFrame(extension);
+
+      return extension.kubeObjectStatusTexts.map((registration) => {
+        const id = `kube-object-status-text-registration-from-${
+          extension.sanitizedExtensionId
+        }-${getRandomId()}`;
+
+        return getInjectable({
+          id,
+
+          instantiate: () => ({
+            ...registration,
+
+            enabled: computed(() => {
+              if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
+                return false;
+              }
+
+              return registration.visible ? registration.visible.get() : true;
+            }),
+          }),
+
+          injectionToken: kubeObjectStatusTextInjectionToken,
+        });
+      });
+    };
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default kubeObjectStatusTextRegistratorInjectable;
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-texts-for-object.injectable.ts b/src/renderer/components/kube-object-status-icon/kube-object-status-texts-for-object.injectable.ts
new file mode 100644
index 0000000000..12ce4c2b9c
--- /dev/null
+++ b/src/renderer/components/kube-object-status-icon/kube-object-status-texts-for-object.injectable.ts
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import kubeObjectStatusTextsInjectable from "./kube-object-status-texts.injectable";
+import type { KubeObject } from "../../../common/k8s-api/kube-object";
+import { conforms, eq, includes } from "lodash/fp";
+import { computed } from "mobx";
+
+const kubeObjectStatusTextsForObjectInjectable = getInjectable({
+  id: "kube-object-status-texts-for-object",
+
+  instantiate: (di, kubeObject: KubeObject) => {
+    const allStatusTexts = di.inject(kubeObjectStatusTextsInjectable);
+
+    return computed(() =>
+      allStatusTexts
+        .get()
+        .filter(toKubeObjectRelated(kubeObject)),
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, kubeObject: KubeObject) => kubeObject.getId(),
+  }),
+});
+
+const toKubeObjectRelated = (kubeObject: KubeObject) =>
+  conforms({
+    kind: eq(kubeObject.kind),
+    apiVersions: includes(kubeObject.apiVersion),
+  });
+
+export default kubeObjectStatusTextsForObjectInjectable;
diff --git a/src/renderer/components/kube-object-status-icon/kube-object-status-texts.injectable.ts b/src/renderer/components/kube-object-status-icon/kube-object-status-texts.injectable.ts
new file mode 100644
index 0000000000..df5b5b65b3
--- /dev/null
+++ b/src/renderer/components/kube-object-status-icon/kube-object-status-texts.injectable.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+import { computed } from "mobx";
+import { kubeObjectStatusTextInjectionToken } from "./kube-object-status-text-injection-token";
+
+const kubeObjectStatusTextsInjectable = getInjectable({
+  id: "kube-object-status-texts",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(computedInjectManyInjectable);
+    const statusTexts = computedInjectMany(kubeObjectStatusTextInjectionToken);
+
+    return computed(() =>
+      statusTexts.get().filter((statusText) => statusText.enabled.get()),
+    );
+  },
+});
+
+export default kubeObjectStatusTextsInjectable;
diff --git a/src/renderer/components/kube-object-status-icon/status-registrations.injectable.ts b/src/renderer/components/kube-object-status-icon/status-registrations.injectable.ts
deleted file mode 100644
index 2e5f302382..0000000000
--- a/src/renderer/components/kube-object-status-icon/status-registrations.injectable.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { computed } from "mobx";
-import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
-
-const statusRegistrationsInjectable = getInjectable({
-  id: "status-registrations",
-
-  instantiate: (di) => {
-    const extensions = di.inject(rendererExtensionsInjectable);
-
-    return computed(() =>
-      extensions.get().flatMap((extension) => extension.kubeObjectStatusTexts),
-    );
-  },
-});
-
-export default statusRegistrationsInjectable;
diff --git a/src/renderer/components/kube-object-status-icon/statuses-for-kube-object.injectable.ts b/src/renderer/components/kube-object-status-icon/statuses-for-kube-object.injectable.ts
deleted file mode 100644
index d277dd04a6..0000000000
--- a/src/renderer/components/kube-object-status-icon/statuses-for-kube-object.injectable.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
-import statusRegistrationsInjectable from "./status-registrations.injectable";
-import type { KubeObject } from "../../../common/k8s-api/kube-object";
-import { conforms, eq, includes } from "lodash/fp";
-import type { KubeObjectStatusRegistration } from "./kube-object-status-registration";
-
-const statusesForKubeObjectInjectable = getInjectable({
-  id: "statuses-for-kube-object",
-
-  instantiate: (di, kubeObject: KubeObject) =>
-    di
-      .inject(statusRegistrationsInjectable)
-      .get()
-      .filter(toKubeObjectRelated(kubeObject))
-      .map(toStatus(kubeObject))
-      .filter(Boolean),
-
-  lifecycle: lifecycleEnum.transient,
-});
-
-const toKubeObjectRelated = (kubeObject: KubeObject) =>
-  conforms({
-    kind: eq(kubeObject.kind),
-    apiVersions: includes(kubeObject.apiVersion),
-  });
-
-const toStatus =
-  (kubeObject: KubeObject) => (item: KubeObjectStatusRegistration) =>
-    item.resolve(kubeObject);
-
-export default statusesForKubeObjectInjectable;
diff --git a/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..796e13a063
--- /dev/null
+++ b/src/renderer/components/kubeconfig-dialog/kubeconfig-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+import { KubeConfigDialog } from "./kubeconfig-dialog";
+
+const kubeconfigDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "kubeconfig-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "kubeconfig-dialog",
+    shouldRender: computed(() => true),
+    Component: KubeConfigDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default kubeconfigDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx b/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx
index 1a1a8515d9..9792855b07 100644
--- a/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx
+++ b/src/renderer/components/layout/extension-sidebar-item-registrator.injectable.tsx
@@ -14,6 +14,7 @@ import routeIsActiveInjectable from "../../routes/route-is-active.injectable";
 import { navigateToRouteInjectionToken } from "../../../common/front-end-routing/navigate-to-route-injection-token";
 import { getExtensionRoutePath } from "../../routes/for-extension";
 import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../../extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
 
 const extensionSidebarItemRegistratorInjectable = getInjectable({
   id: "extension-sidebar-item-registrator",
@@ -22,6 +23,7 @@ const extensionSidebarItemRegistratorInjectable = getInjectable({
     const extension = ext as LensRendererExtension;
     const navigateToRoute = di.inject(navigateToRouteInjectionToken);
     const routes = di.inject(routesInjectable);
+    const extensionShouldBeEnabledForClusterFrame = di.inject(extensionShouldBeEnabledForClusterFrameInjectable, extension);
 
     const sidebarItemsForExtensionInjectable = getInjectable({
       id: `sidebar-items-for-extension-${extension.sanitizedExtensionId}`,
@@ -41,6 +43,18 @@ const extensionSidebarItemRegistratorInjectable = getInjectable({
               matches({ path: targetRoutePath }),
             );
 
+            const isVisible = computed(() => {
+              if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
+                return false;
+              }
+
+              if (!registration.visible) {
+                return true;
+              }
+
+              return registration.visible.get();
+            });
+
             const res: SidebarItemRegistration = {
               id: `${extension.sanitizedExtensionId}-${registration.id}`,
               orderNumber: 9999,
@@ -49,6 +63,8 @@ const extensionSidebarItemRegistratorInjectable = getInjectable({
                 ? `${extension.sanitizedExtensionId}-${registration.parentId}`
                 : null,
 
+              isVisible,
+
               title: registration.title,
               getIcon: registration.components.Icon
                 ? () => <registration.components.Icon />
diff --git a/src/renderer/components/layout/main-layout.tsx b/src/renderer/components/layout/main-layout.tsx
index 30d6bc568e..9a5ff95549 100755
--- a/src/renderer/components/layout/main-layout.tsx
+++ b/src/renderer/components/layout/main-layout.tsx
@@ -54,7 +54,7 @@ class NonInjectedMainLayout extends React.Component<MainLayoutProps & Dependenci
             getCurrentExtent={() => sidebarWidth}
             onDrag={this.onSidebarResize}
             onDoubleClick={() => this.onSidebarResize(defaultSidebarWidth)}
-            minExtent={120}
+            minExtent={150}
             maxExtent={400}
           />
         </div>
diff --git a/src/renderer/components/layout/sidebar-item.scss b/src/renderer/components/layout/sidebar-item.scss
deleted file mode 100644
index 90ad92ee21..0000000000
--- a/src/renderer/components/layout/sidebar-item.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-.SidebarItem {
-
-  display: flex;
-  flex-direction: column;
-  flex-shrink: 0;
-  width: 100%;
-  user-select: none;
-
-  > .nav-item {
-    text-decoration: none;
-    padding: $unit * 0.3846 $unit * 0.625; // ≈ floor($unit / 2.6) floor($unit / 1.6)
-    width: 100%;
-    height: 100%;
-    color: inherit;
-    cursor: pointer;
-
-    > .link-text {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    .expand-icon {
-      --size: 20px;
-    }
-  }
-
-  .sub-menu {
-    $borderSize: 4px;
-    border-left: $borderSize solid transparent;
-
-    > .SidebarItem {
-      color: var(--textColorPrimary);
-      padding-left: 30px + $borderSize;
-      line-height: 22px;
-
-      .SidebarItem {
-        padding-left: $padding * 2; // 3rd+ menu level
-      }
-
-      .nav-item {
-        &.expandable {
-          font-weight: 500;
-        }
-      }
-    }
-  }
-}
-
-// TODO: Make less flaky.
-.sidebar-active-status {
-  > .SidebarItem {
-    .nav-item {
-      &.active, &:hover {
-        background: var(--blue);
-        color: var(--sidebarActiveColor);
-      }
-    }
-
-    .sub-menu {
-      &.active {
-        border-left-color: var(--blue);
-      }
-
-      > .SidebarItem {
-        .nav-item {
-          &.active, &:hover {
-            color: var(--sidebarSubmenuActiveColor);
-            background: none;
-          }
-
-          &.expandable {
-            color: var(--textColorPrimary)
-          }
-        }
-
-        .sub-menu {
-          &.active {
-            border-left-color: transparent;
-          }
-
-          .nav-item {
-            &.active, &:hover {
-              color: var(--sidebarSubmenuActiveColor);
-              background: none;
-            }
-          }
-        }
-      }
-    }
-  }
-}
diff --git a/src/renderer/components/layout/sidebar-item.tsx b/src/renderer/components/layout/sidebar-item.tsx
index 64a63be8c4..f3e171fc4b 100644
--- a/src/renderer/components/layout/sidebar-item.tsx
+++ b/src/renderer/components/layout/sidebar-item.tsx
@@ -3,7 +3,7 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import "./sidebar-item.scss";
+import styles from  "./sidebar-items.module.scss";
 
 import React from "react";
 import { computed, makeObservable } from "mobx";
@@ -70,7 +70,7 @@ class NonInjectedSidebarItem extends React.Component<
     }
 
     return (
-      <ul className={cssNames("sub-menu", { active: this.isActive })}>
+      <ul className={cssNames(styles.subMenu, { [styles.active]: this.isActive })}>
         {this.props.item.children.map(item => <SidebarItem key={item.registration.id} item={item} />)}
       </ul>
     );
@@ -79,7 +79,7 @@ class NonInjectedSidebarItem extends React.Component<
   render() {
     return (
       <div
-        className={cssNames("SidebarItem")}
+        className={styles.SidebarItem}
         data-testid={`sidebar-item-${this.id}`}
         data-is-active-test={this.isActive}
         data-parent-id-test={this.registration.parentId}
@@ -87,11 +87,7 @@ class NonInjectedSidebarItem extends React.Component<
         <NavLink
           to={""}
           isActive={() => this.isActive}
-
-          className={cssNames("nav-item flex gaps align-center", {
-            expandable: this.isExpandable,
-          })}
-
+          className={styles.navItem}
           onClick={(event) => {
             event.preventDefault();
             event.stopPropagation();
@@ -105,10 +101,10 @@ class NonInjectedSidebarItem extends React.Component<
           data-testid={`sidebar-item-link-for-${this.id}`}
         >
           {this.registration.getIcon?.()}
-          <span className="link-text box grow">{this.registration.title}</span>
+          <span>{this.registration.title}</span>
           {this.isExpandable && (
             <Icon
-              className="expand-icon box right"
+              className={styles.expandIcon}
               material={
                 this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"
               }
diff --git a/src/renderer/components/layout/sidebar-items.module.scss b/src/renderer/components/layout/sidebar-items.module.scss
new file mode 100644
index 0000000000..c37d041816
--- /dev/null
+++ b/src/renderer/components/layout/sidebar-items.module.scss
@@ -0,0 +1,63 @@
+.SidebarItem {
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  width: 100%;
+  user-select: none;
+
+  > .navItem {
+    display: flex;
+    gap: 8px;
+    text-decoration: none;
+    padding: 6px 8px 6px 10px;
+    cursor: pointer;
+
+    &:global(.active), &:hover {
+      background: var(--blue);
+      color: var(--sidebarActiveColor);
+    }
+
+    span {
+      word-break: break-word;
+    }
+  }
+
+  .expandIcon {
+    margin-left: auto;
+  }
+
+  .subMenu {
+    border-left: 4px solid transparent;
+
+    &.active {
+      border-color: var(--blue);
+    }
+  
+    .SidebarItem {
+      color: var(--textColorPrimary);
+      padding-left: 25px;
+  
+      .navItem {
+        padding-top: 4px;
+        padding-bottom: 4px;
+
+        &:global(.active), &:hover {
+          color: var(--sidebarSubmenuActiveColor);
+          background: none;
+        }
+      }
+    }
+  }
+
+   // 3rd menu level
+  .subMenu .subMenu {
+    &.active {
+      border-color: transparent;
+    }
+
+    .SidebarItem {
+      padding-left: calc(var(--padding) / 2);
+    }
+  }
+}
+
diff --git a/src/renderer/components/layout/sidebar.module.scss b/src/renderer/components/layout/sidebar.module.scss
index 6c3b41fced..21fbeec1f3 100644
--- a/src/renderer/components/layout/sidebar.module.scss
+++ b/src/renderer/components/layout/sidebar.module.scss
@@ -21,6 +21,5 @@
 
 .sidebarNav :global(.Icon) {
   box-sizing: content-box;
-  padding: 3px;
   border-radius: 50%;
 }
diff --git a/src/renderer/components/layout/top-bar/top-bar.module.scss b/src/renderer/components/layout/top-bar/top-bar.module.scss
index 18e67040de..62aec82a9e 100644
--- a/src/renderer/components/layout/top-bar/top-bar.module.scss
+++ b/src/renderer/components/layout/top-bar/top-bar.module.scss
@@ -79,10 +79,10 @@
 
   &.linuxButtons {
     > div {
-      width: 16px;
-      height: 16px;
+      width: 18px;
+      height: 18px;
       border-radius: 50%;
-      margin-right: calc(var(--padding) * -1.5);
+      margin-right: var(--padding);
       color: var(--textColorAccent);
 
       svg {
diff --git a/src/renderer/components/layout/top-bar/top-bar.tsx b/src/renderer/components/layout/top-bar/top-bar.tsx
index 50b3c84f1c..59382d56f0 100644
--- a/src/renderer/components/layout/top-bar/top-bar.tsx
+++ b/src/renderer/components/layout/top-bar/top-bar.tsx
@@ -8,8 +8,7 @@ import React, { useEffect, useRef } from "react";
 import { observer } from "mobx-react";
 import type { IComputedValue } from "mobx";
 import { Icon } from "../../icon";
-import { watchHistoryState } from "../../../remote-helpers/history-updater";
-import { cssNames, noop } from "../../../utils";
+import { cssNames } from "../../../utils";
 import topBarItemsInjectable from "./top-bar-items/top-bar-items.injectable";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import type { TopBarRegistration } from "./top-bar-registration";
@@ -28,6 +27,7 @@ import goForwardInjectable from "./go-forward.injectable";
 import closeWindowInjectable from "./close-window.injectable";
 import maximizeWindowInjectable from "./maximize-window.injectable";
 import toggleMaximizeWindowInjectable from "./toggle-maximize-window.injectable";
+import watchHistoryStateInjectable from "../../../remote-helpers/watch-history-state.injectable";
 
 interface Dependencies {
   navigateToCatalog: NavigateToCatalog;
@@ -43,6 +43,7 @@ interface Dependencies {
   minimizeWindow: () => void;
   toggleMaximizeWindow: () => void;
   closeWindow: () => void;
+  watchHistoryState: () => () => void;
 }
 
 const NonInjectedTopBar = observer(({
@@ -59,6 +60,7 @@ const NonInjectedTopBar = observer(({
   closeWindow,
   minimizeWindow,
   toggleMaximizeWindow,
+  watchHistoryState,
 }: Dependencies) => {
   const elem = useRef<HTMLDivElement | null>(null);
 
@@ -115,7 +117,7 @@ const NonInjectedTopBar = observer(({
           onClick={goForward}
           disabled={!nextEnabled.get()}
         />
-        <UpdateButton update={noop} />
+        <UpdateButton />
       </div>
       <div className={styles.items}>
         {renderRegisteredItems(items.get())}
@@ -196,5 +198,6 @@ export const TopBar = withInjectables<Dependencies>(NonInjectedTopBar, {
     closeWindow: di.inject(closeWindowInjectable),
     minimizeWindow: di.inject(maximizeWindowInjectable),
     toggleMaximizeWindow: di.inject(toggleMaximizeWindowInjectable),
+    watchHistoryState: di.inject(watchHistoryStateInjectable),
   }),
 });
diff --git a/src/renderer/components/menu/menu-actions.tsx b/src/renderer/components/menu/menu-actions.tsx
index aa44d3634f..239ca46dd2 100644
--- a/src/renderer/components/menu/menu-actions.tsx
+++ b/src/renderer/components/menu/menu-actions.tsx
@@ -13,12 +13,12 @@ import type { IconProps } from "../icon";
 import { Icon } from "../icon";
 import type { MenuProps } from "./menu";
 import { Menu, MenuItem } from "./menu";
-import uniqueId from "lodash/uniqueId";
 import isString from "lodash/isString";
 import type { TooltipDecoratorProps } from "../tooltip";
 import type { OpenConfirmDialog } from "../confirm-dialog/open.injectable";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import openConfirmDialogInjectable from "../confirm-dialog/open.injectable";
+import getRandomIdInjectable from "../../../common/utils/get-random-id.injectable";
 
 export interface MenuActionsProps extends Partial<MenuProps> {
   className?: string;
@@ -38,6 +38,7 @@ export interface MenuActionsProps extends Partial<MenuProps> {
    */
   removeAction?: () => void | Promise<void>;
   onOpen?: () => void;
+  id?: string;
 }
 
 interface Dependencies {
@@ -50,9 +51,6 @@ class NonInjectedMenuActions extends React.Component<MenuActionsProps & Dependen
     removeConfirmationMessage: "Remove item?",
   };
 
-  // TODO: Make deterministic
-  public id = uniqueId("menu_actions_");
-
   @observable isOpen = !!this.props.toolbar;
 
   toggle = () => {
@@ -100,10 +98,10 @@ class NonInjectedMenuActions extends React.Component<MenuActionsProps & Dependen
     if (isValidElement<HTMLElement>(triggerIcon)) {
       className = cssNames(triggerIcon.props.className, { active: this.isOpen });
 
-      return React.cloneElement(triggerIcon, { id: this.id, className });
+      return React.cloneElement(triggerIcon, { id: this.props.id, className });
     }
     const iconProps: IconProps & TooltipDecoratorProps = {
-      id: this.id,
+      id: this.props.id,
       interactive: true,
       material: isString(triggerIcon) ? triggerIcon : undefined,
       active: this.isOpen,
@@ -131,7 +129,7 @@ class NonInjectedMenuActions extends React.Component<MenuActionsProps & Dependen
         {this.renderTriggerIcon()}
 
         <Menu
-          htmlFor={this.id}
+          htmlFor={this.props.id}
           isOpen={this.isOpen}
           open={this.toggle}
           close={this.toggle}
@@ -175,7 +173,8 @@ class NonInjectedMenuActions extends React.Component<MenuActionsProps & Dependen
 
 export const MenuActions = withInjectables<Dependencies, MenuActionsProps>(NonInjectedMenuActions, {
   getProps: (di, props) => ({
-    ...props,
+    id: di.inject(getRandomIdInjectable)(),
     openConfirmDialog: di.inject(openConfirmDialogInjectable),
+    ...props,
   }),
 });
diff --git a/src/renderer/components/menu/menu.scss b/src/renderer/components/menu/menu.scss
index 943fed026b..30e92d2a75 100644
--- a/src/renderer/components/menu/menu.scss
+++ b/src/renderer/components/menu/menu.scss
@@ -55,7 +55,7 @@
   display: flex;
   align-items: center;
   color: var(--color);
-  padding: 6px var(--padding);
+  padding: calc(var(--padding) / 2) var(--padding);
   margin-bottom: -3px;
   white-space: nowrap;
   text-decoration: none;
diff --git a/src/renderer/components/monaco-editor/__mocks__/monaco-editor.tsx b/src/renderer/components/monaco-editor/__mocks__/monaco-editor.tsx
new file mode 100644
index 0000000000..23524a476b
--- /dev/null
+++ b/src/renderer/components/monaco-editor/__mocks__/monaco-editor.tsx
@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { editor } from "monaco-editor";
+import React from "react";
+import type { MonacoEditorProps, MonacoEditorRef } from "../monaco-editor";
+import { monacoValidators } from "../monaco-validators";
+
+class FakeMonacoEditor extends React.Component<MonacoEditorProps> {
+  render() {
+    const { id, value, onChange, onError, language = "yaml" } = this.props;
+
+    return (
+      <textarea
+        data-testid={`monaco-editor-for-${id}`}
+
+        onChange={(event) => {
+          const newValue = event.target.value;
+
+          onChange?.(
+            newValue,
+            {} as editor.IModelContentChangedEvent,
+          );
+
+          const validator = monacoValidators[language];
+
+          try {
+            validator(newValue);
+          } catch(e) {
+            onError?.(e);
+          }
+        }}
+        value={value}
+      />
+    );
+  }
+}
+
+export const MonacoEditor = React.forwardRef<
+  MonacoEditorRef,
+  MonacoEditorProps
+>((props, ref) => <FakeMonacoEditor innerRef={ref} {...props} />);
diff --git a/src/renderer/components/monaco-editor/monaco-editor.tsx b/src/renderer/components/monaco-editor/monaco-editor.tsx
index 4869cb4f48..09032bbf7e 100644
--- a/src/renderer/components/monaco-editor/monaco-editor.tsx
+++ b/src/renderer/components/monaco-editor/monaco-editor.tsx
@@ -6,16 +6,18 @@
 import styles from "./monaco-editor.module.scss";
 import React from "react";
 import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
 import { action, computed, makeObservable, observable, reaction } from "mobx";
 import { editor, Uri } from "monaco-editor";
 import type { MonacoTheme } from "./monaco-themes";
 import { type MonacoValidator, monacoValidators } from "./monaco-validators";
 import { debounce, merge } from "lodash";
 import { autoBind, cssNames, disposer } from "../../utils";
-import { UserStore } from "../../../common/user-store";
-import type { ThemeStore } from "../../themes/store";
+import type { UserStore } from "../../../common/user-store";
+import type { LensTheme } from "../../themes/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import userStoreInjectable from "../../../common/user-store/user-store.injectable";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 export type MonacoEditorId = string;
 
@@ -38,7 +40,8 @@ export interface MonacoEditorProps {
 }
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  userStore: UserStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 export function createMonacoUri(id: MonacoEditorId): Uri {
@@ -81,7 +84,7 @@ class NonInjectedMonacoEditor extends React.Component<MonacoEditorProps & Depend
   }
 
   @computed get theme() {
-    return this.props.theme ?? this.props.themeStore.activeTheme.monacoTheme;
+    return this.props.theme ?? this.props.activeTheme.get().monacoTheme;
   }
 
   @computed get model(): editor.ITextModel {
@@ -99,7 +102,7 @@ class NonInjectedMonacoEditor extends React.Component<MonacoEditorProps & Depend
 
   @computed get options(): editor.IStandaloneEditorConstructionOptions {
     return merge({},
-      UserStore.getInstance().editorConfiguration,
+      this.props.userStore.editorConfiguration,
       this.props.options,
     );
   }
@@ -304,7 +307,8 @@ export const MonacoEditor = withInjectables<Dependencies, MonacoEditorProps, Mon
   {
     getProps: (di, props) => ({
       ...props,
-      themeStore: di.inject(themeStoreInjectable),
+      userStore: di.inject(userStoreInjectable),
+      activeTheme: di.inject(activeThemeInjectable),
     }),
   },
 );
diff --git a/src/renderer/components/notifications/notifications-cluster-frame-child-component.injectable.ts b/src/renderer/components/notifications/notifications-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..acd2e72b9e
--- /dev/null
+++ b/src/renderer/components/notifications/notifications-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { Notifications } from "./notifications";
+import { clusterFrameChildComponentInjectionToken } from "../../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const notificationsClusterFrameChildComponentInjectable = getInjectable({
+  id: "notifications-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "notifications",
+    shouldRender: computed(() => true),
+    Component: Notifications,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+});
+
+export default notificationsClusterFrameChildComponentInjectable;
diff --git a/src/renderer/components/notifications/notifications-root-frame-child-component.injectable.ts b/src/renderer/components/notifications/notifications-root-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..eec5a1962a
--- /dev/null
+++ b/src/renderer/components/notifications/notifications-root-frame-child-component.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { rootFrameChildComponentInjectionToken } from "../../frames/root-frame/root-frame-child-component-injection-token";
+import { computed } from "mobx";
+import { Notifications } from "./notifications";
+
+const notificationsRootFrameChildComponentInjectable = getInjectable({
+  id: "notifications-root-frame-child-component",
+
+  instantiate: () => ({
+    id: "notifications",
+    shouldRender: computed(() => true),
+    Component: Notifications,
+  }),
+
+  injectionToken: rootFrameChildComponentInjectionToken,
+});
+
+export default notificationsRootFrameChildComponentInjectable;
diff --git a/src/renderer/components/notifications/notifications.store.tsx b/src/renderer/components/notifications/notifications.store.tsx
index 25774bc9ce..89061ef4ca 100644
--- a/src/renderer/components/notifications/notifications.store.tsx
+++ b/src/renderer/components/notifications/notifications.store.tsx
@@ -19,6 +19,12 @@ export enum NotificationStatus {
   INFO = "info",
 }
 
+export interface CreateNotificationOptions {
+  id?: NotificationId;
+  timeout?: number;
+  onClose?(): void;
+}
+
 export interface Notification {
   id?: NotificationId;
   message: NotificationMessage;
diff --git a/src/renderer/components/notifications/notifications.tsx b/src/renderer/components/notifications/notifications.tsx
index bd75619275..aa26a94b18 100644
--- a/src/renderer/components/notifications/notifications.tsx
+++ b/src/renderer/components/notifications/notifications.tsx
@@ -9,14 +9,22 @@ import React from "react";
 import { reaction } from "mobx";
 import { disposeOnUnmount, observer } from "mobx-react";
 import { JsonApiErrorParsed } from "../../../common/k8s-api/json-api";
+import type { Disposer } from "../../utils";
 import { cssNames, prevDefault } from "../../utils";
-import type { Notification, NotificationMessage, NotificationsStore } from "./notifications.store";
-import { NotificationStatus } from "./notifications.store";
+import type { CreateNotificationOptions, Notification, NotificationMessage, NotificationsStore } from "./notifications.store";
 import { Animate } from "../animate";
 import { Icon } from "../icon";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import { asLegacyGlobalForExtensionApi } from "../../../extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
 import notificationsStoreInjectable from "./notifications-store.injectable";
+import { asLegacyGlobalFunctionForExtensionApi } from "../../../extensions/as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
+import showSuccessNotificationInjectable from "./show-success-notification.injectable";
+import type { ShowCheckedErrorNotification } from "./show-checked-error.injectable";
+import showCheckedErrorNotificationInjectable from "./show-checked-error.injectable";
+import showErrorNotificationInjectable from "./show-error-notification.injectable";
+import showInfoNotificationInjectable from "./show-info-notification.injectable";
+import showShortInfoNotificationInjectable from "./show-short-info.injectable";
+
+export type ShowNotification = (message: NotificationMessage, opts?: CreateNotificationOptions) => Disposer;
 
 interface Dependencies {
   store: NotificationsStore;
@@ -103,58 +111,16 @@ export const Notifications = withInjectables<Dependencies>(
     }),
   },
 ) as React.FC & {
-  ok: (message: NotificationMessage) => () => void;
-  checkedError: (message: unknown, fallback: string, customOpts?: Partial<Omit<Notification, "message">>) => () => void;
-  error: (message: NotificationMessage, customOpts?: Partial<Omit<Notification, "message">>) => () => void;
-  shortInfo: (message: NotificationMessage, customOpts?: Partial<Omit<Notification, "message">>) => () => void;
-  info: (message: NotificationMessage, customOpts?: Partial<Omit<Notification, "message">>) => () => void;
+  ok: ShowNotification;
+  checkedError: ShowCheckedErrorNotification;
+  error: ShowNotification;
+  shortInfo: ShowNotification;
+  info: ShowNotification;
 };
 
-/**
- * @deprecated
- */
-const _notificationStore = asLegacyGlobalForExtensionApi(notificationsStoreInjectable);
-
-Notifications.ok = (message: NotificationMessage) => {
-  return _notificationStore.add({
-    message,
-    timeout: 2_500,
-    status: NotificationStatus.OK,
-  });
-};
-
-Notifications.checkedError = (message, fallback, customOpts = {}) => {
-  if (typeof message === "string" || message instanceof Error || message instanceof JsonApiErrorParsed) {
-    return Notifications.error(message, customOpts);
-  }
-
-  console.warn("Unknown notification error message, falling back to default", message);
-
-  return Notifications.error(fallback, customOpts);
-};
-
-Notifications.error = (message, customOpts= {}) => {
-  return _notificationStore.add({
-    message,
-    timeout: 10_000,
-    status: NotificationStatus.ERROR,
-    ...customOpts,
-  });
-};
-
-Notifications.shortInfo = (message, customOpts = {}) => {
-  return Notifications.info(message, {
-    timeout: 5_000,
-    ...customOpts,
-  });
-};
-
-Notifications.info = (message, customOpts = {}) => {
-  return _notificationStore.add({
-    status: NotificationStatus.INFO,
-    timeout: 0,
-    message,
-    ...customOpts,
-  });
-};
+Notifications.ok = asLegacyGlobalFunctionForExtensionApi(showSuccessNotificationInjectable);
+Notifications.error = asLegacyGlobalFunctionForExtensionApi(showErrorNotificationInjectable);
+Notifications.checkedError = asLegacyGlobalFunctionForExtensionApi(showCheckedErrorNotificationInjectable);
+Notifications.info = asLegacyGlobalFunctionForExtensionApi(showInfoNotificationInjectable);
+Notifications.shortInfo = asLegacyGlobalFunctionForExtensionApi(showShortInfoNotificationInjectable);
 
diff --git a/src/renderer/components/notifications/show-checked-error.injectable.ts b/src/renderer/components/notifications/show-checked-error.injectable.ts
new file mode 100644
index 0000000000..af8dab59e9
--- /dev/null
+++ b/src/renderer/components/notifications/show-checked-error.injectable.ts
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { JsonApiErrorParsed } from "../../../common/k8s-api/json-api";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { Disposer } from "../../utils";
+import type { CreateNotificationOptions } from "./notifications.store";
+import showErrorNotificationInjectable from "./show-error-notification.injectable";
+
+export type ShowCheckedErrorNotification = (message: unknown, fallback: string, opts?: CreateNotificationOptions) => Disposer;
+
+const showCheckedErrorNotificationInjectable = getInjectable({
+  id: "show-checked-error-notififcation",
+  instantiate: (di): ShowCheckedErrorNotification => {
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return (message, fallback, opts) => {
+      if (typeof message === "string" || message instanceof Error || message instanceof JsonApiErrorParsed) {
+        return showErrorNotification(message, opts);
+      }
+
+      logger.warn("[NOTIFICATIONS]: Unknown notification error message, falling back to default", message);
+
+      return showErrorNotification(fallback, opts);
+    };
+  },
+});
+
+export default showCheckedErrorNotificationInjectable;
diff --git a/src/renderer/components/notifications/show-error-notification.injectable.ts b/src/renderer/components/notifications/show-error-notification.injectable.ts
index 39ce757b40..ca5a1a70da 100644
--- a/src/renderer/components/notifications/show-error-notification.injectable.ts
+++ b/src/renderer/components/notifications/show-error-notification.injectable.ts
@@ -3,17 +3,17 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import type { NotificationMessage, Notification } from "./notifications.store";
+import type { ShowNotification } from "./notifications";
 import { NotificationStatus } from "./notifications.store";
 import notificationsStoreInjectable from "./notifications-store.injectable";
 
 const showErrorNotificationInjectable = getInjectable({
   id: "show-error-notification",
 
-  instantiate: (di) => {
+  instantiate: (di): ShowNotification => {
     const notificationsStore = di.inject(notificationsStoreInjectable);
 
-    return (message: NotificationMessage, customOpts: Partial<Omit<Notification, "message">> = {}) =>
+    return (message, customOpts = {}) =>
       notificationsStore.add({
         status: NotificationStatus.ERROR,
         timeout: 5000,
diff --git a/src/renderer/components/notifications/show-info-notification.injectable.ts b/src/renderer/components/notifications/show-info-notification.injectable.ts
index 9a74f5efc6..34bc443749 100644
--- a/src/renderer/components/notifications/show-info-notification.injectable.ts
+++ b/src/renderer/components/notifications/show-info-notification.injectable.ts
@@ -3,17 +3,17 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import type { NotificationMessage, Notification } from "./notifications.store";
+import type { ShowNotification } from "./notifications";
 import { NotificationStatus } from "./notifications.store";
 import notificationsStoreInjectable from "./notifications-store.injectable";
 
 const showInfoNotificationInjectable = getInjectable({
   id: "show-info-notification",
 
-  instantiate: (di) => {
+  instantiate: (di): ShowNotification => {
     const notificationsStore = di.inject(notificationsStoreInjectable);
 
-    return (message: NotificationMessage, customOpts: Partial<Omit<Notification, "message">> = {}) =>
+    return (message, customOpts = {}) =>
       notificationsStore.add({
         status: NotificationStatus.INFO,
         timeout: 5000,
diff --git a/src/renderer/components/notifications/show-short-info.injectable.ts b/src/renderer/components/notifications/show-short-info.injectable.ts
new file mode 100644
index 0000000000..b5865b4c27
--- /dev/null
+++ b/src/renderer/components/notifications/show-short-info.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getInjectable } from "@ogre-tools/injectable";
+import type { ShowNotification } from "./notifications";
+import showInfoNotificationInjectable from "./show-info-notification.injectable";
+
+const showShortInfoNotificationInjectable = getInjectable({
+  id: "show-short-info-notification",
+  instantiate: (di): ShowNotification => {
+    const showInfoNotification = di.inject(showInfoNotificationInjectable);
+
+    return (message, customOpts = {}) => {
+      return showInfoNotification(message, {
+        timeout: 5_000,
+        ...customOpts,
+      });
+    };
+  },
+});
+
+export default showShortInfoNotificationInjectable;
diff --git a/src/renderer/components/notifications/show-success-notification.injectable.ts b/src/renderer/components/notifications/show-success-notification.injectable.ts
index 875af209e2..c75c84cc3d 100644
--- a/src/renderer/components/notifications/show-success-notification.injectable.ts
+++ b/src/renderer/components/notifications/show-success-notification.injectable.ts
@@ -3,17 +3,17 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import { getInjectable } from "@ogre-tools/injectable";
-import type { NotificationMessage, Notification } from "./notifications.store";
+import type { ShowNotification } from "./notifications";
 import { NotificationStatus } from "./notifications.store";
 import notificationsStoreInjectable from "./notifications-store.injectable";
 
 const showSuccessNotificationInjectable = getInjectable({
   id: "show-success-notification",
 
-  instantiate: (di) => {
+  instantiate: (di): ShowNotification => {
     const notificationsStore = di.inject(notificationsStoreInjectable);
 
-    return (message: NotificationMessage, customOpts: Partial<Omit<Notification, "message">> = {}) =>
+    return (message, customOpts = {}) =>
       notificationsStore.add({
         status: NotificationStatus.OK,
         timeout: 5000,
diff --git a/src/renderer/components/radio/radio.scss b/src/renderer/components/radio/radio.scss
index 21d0e8f81b..c74c9f5058 100644
--- a/src/renderer/components/radio/radio.scss
+++ b/src/renderer/components/radio/radio.scss
@@ -21,6 +21,11 @@
       white-space: nowrap;
       transition: 250ms color;
 
+      &.disabled {
+        opacity: 0.6;
+        pointer-events: none;
+      }
+
       &:not(.checked):not(.disabled) {
         cursor: pointer;
         &:not(:active):focus {
diff --git a/src/renderer/components/radio/radio.tsx b/src/renderer/components/radio/radio.tsx
index 554b54de21..bcfd43de9a 100644
--- a/src/renderer/components/radio/radio.tsx
+++ b/src/renderer/components/radio/radio.tsx
@@ -85,6 +85,7 @@ export function Radio<T>({
         type="radio"
         checked={checked}
         onChange={() => ctx.onSelect(value)}
+        disabled={disabled || ctx.disabled}
       />
       <i className="tick flex center"/>
       {label ? <div className="label">{label}</div> : null}
diff --git a/src/renderer/components/resource-metrics/resource-metrics-text.tsx b/src/renderer/components/resource-metrics/resource-metrics-text.tsx
index 364bc6d0f4..cedf0d136f 100644
--- a/src/renderer/components/resource-metrics/resource-metrics-text.tsx
+++ b/src/renderer/components/resource-metrics/resource-metrics-text.tsx
@@ -19,19 +19,15 @@ export function ResourceMetricsText({ metrics }: ResourceMetricsTextProps) {
     return null;
   }
 
-  const { cpuUsage, cpuRequests, cpuLimits, memoryUsage, memoryRequests, memoryLimits } = getMetricLastPoints(metrics);
+  const { cpuUsage, memoryUsage } = getMetricLastPoints(metrics);
 
   return (
     <>
       <DrawerItem name="CPU" labelsOnly>
         {cpuUsage > 0 && <Badge label={`Usage: ${cpuUsage.toPrecision(2)}`}/>}
-        {cpuRequests > 0 && <Badge label={`Requests: ${cpuRequests.toPrecision(2)}`}/>}
-        {cpuLimits > 0 && <Badge label={`Limits: ${cpuLimits.toPrecision(2)}`}/>}
       </DrawerItem>
       <DrawerItem name="Memory" labelsOnly>
         {memoryUsage > 0 && <Badge label={`Usage: ${bytesToUnits(memoryUsage)}`}/>}
-        {memoryRequests > 0 && <Badge label={`Requests: ${bytesToUnits(memoryRequests)}`}/>}
-        {memoryLimits > 0 && <Badge label={`Limits: ${bytesToUnits(memoryLimits)}`}/>}
       </DrawerItem>
     </>
   );
diff --git a/src/renderer/components/select/select.scss b/src/renderer/components/select/select.scss
index 9faa60b54a..1cc50a2c00 100644
--- a/src/renderer/components/select/select.scss
+++ b/src/renderer/components/select/select.scss
@@ -49,6 +49,7 @@ html {
 
     &__single-value {
       color: var(--textColorSecondary);
+      overflow: visible;
     }
 
     &__indicator {
diff --git a/src/renderer/components/select/select.test.tsx b/src/renderer/components/select/select.test.tsx
index d9bd53190a..acbb7e15d2 100644
--- a/src/renderer/components/select/select.test.tsx
+++ b/src/renderer/components/select/select.test.tsx
@@ -16,7 +16,6 @@ import rendererExtensionsInjectable from "../../../extensions/renderer-extension
 import { computed } from "mobx";
 import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
 import getConfigurationFileModelInjectable from "../../../common/get-configuration-file-model/get-configuration-file-model.injectable";
-import appVersionInjectable from "../../../common/get-configuration-file-model/app-version/app-version.injectable";
 
 jest.mock("electron", () => ({
   ipcRenderer: {
@@ -37,9 +36,8 @@ describe("<Select />", () => {
 
     di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
     di.override(rendererExtensionsInjectable, () => computed(() => [] as LensRendererExtension[]));
-    
+
     di.permitSideEffects(getConfigurationFileModelInjectable);
-    di.permitSideEffects(appVersionInjectable);
   });
 
   afterEach(() => {
diff --git a/src/renderer/components/select/select.tsx b/src/renderer/components/select/select.tsx
index d38ff57f3a..629c11cecf 100644
--- a/src/renderer/components/select/select.tsx
+++ b/src/renderer/components/select/select.tsx
@@ -8,15 +8,15 @@
 import "./select.scss";
 
 import React from "react";
-import type { ObservableSet } from "mobx";
+import type { IComputedValue, ObservableSet } from "mobx";
 import { action, computed, makeObservable } from "mobx";
 import { observer } from "mobx-react";
 import ReactSelect, { components, createFilter } from "react-select";
 import type { Props as ReactSelectProps, GroupBase, MultiValue, OptionsOrGroups, PropsValue, SingleValue } from "react-select";
-import type { ThemeStore } from "../../themes/store";
+import type { LensTheme } from "../../themes/store";
 import { autoBind, cssNames } from "../../utils";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import themeStoreInjectable from "../../themes/store.injectable";
+import activeThemeInjectable from "../../themes/active.injectable";
 
 const { Menu } = components;
 
@@ -25,6 +25,7 @@ export interface SelectOption<Value> {
   label: React.ReactNode;
   isDisabled?: boolean;
   isSelected?: boolean;
+  id?: string;
 }
 
 /**
@@ -79,7 +80,7 @@ const defaultFilter = createFilter({
 });
 
 interface Dependencies {
-  themeStore: ThemeStore;
+  activeTheme: IComputedValue<LensTheme>;
 }
 
 export function onMultiSelectFor<Value, Option extends SelectOption<Value>, Group extends GroupBase<Option> = GroupBase<Option>>(collection: Set<Value> | ObservableSet<Value>): SelectProps<Value, Option, true, Group>["onChange"] {
@@ -123,7 +124,7 @@ class NonInjectedSelect<
   }
 
   @computed get themeClass() {
-    const themeName = this.props.themeName || this.props.themeStore.activeTheme.type;
+    const themeName = this.props.themeName || this.props.activeTheme.get().type;
 
     return `theme-${themeName}`;
   }
@@ -247,7 +248,7 @@ class NonInjectedSelect<
 export const Select = withInjectables<Dependencies, SelectProps<unknown, SelectOption<unknown>, boolean>>(NonInjectedSelect, {
   getProps: (di, props) => ({
     ...props,
-    themeStore: di.inject(themeStoreInjectable),
+    activeTheme: di.inject(activeThemeInjectable),
   }),
 }) as <
   Value,
diff --git a/src/renderer/components/status-bar/registered-status-bar-items.injectable.tsx b/src/renderer/components/status-bar/registered-status-bar-items.injectable.tsx
deleted file mode 100644
index 976d36451c..0000000000
--- a/src/renderer/components/status-bar/registered-status-bar-items.injectable.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import React from "react";
-import { getInjectable } from "@ogre-tools/injectable";
-import type { IComputedValue } from "mobx";
-import { computed } from "mobx";
-import type {
-  StatusBarItemProps,
-  StatusBarRegistration,
-} from "./status-bar-registration";
-import statusBarItemsInjectable from "./status-bar-items.injectable";
-
-export interface RegisteredStatusBarItems {
-  right: React.ComponentType<StatusBarItemProps>[];
-  left: React.ComponentType<StatusBarItemProps>[];
-}
-
-interface Dependencies {
-  registrations: IComputedValue<StatusBarRegistration[]>;
-}
-
-function getRegisteredStatusBarItems({ registrations }: Dependencies): IComputedValue<RegisteredStatusBarItems> {
-  return computed(() => {
-    const res: RegisteredStatusBarItems = {
-      left: [],
-      right: [],
-    };
-
-    for (const registration of registrations.get()) {
-      if (!registration || typeof registration !== "object") {
-        continue;
-      }
-
-      if (registration.item) {
-        const { item } = registration;
-
-        // default for old API is "right"
-        res.right.push(
-          () => (
-            <>
-              {
-                typeof item === "function"
-                  ? item()
-                  : item
-              }
-            </>
-          ),
-        );
-      } else if (registration.components) {
-        const { position = "right", Item } = registration.components;
-
-        if (position !== "left" && position !== "right") {
-          throw new TypeError("StatusBarRegistration.components.position must be either 'right' or 'left'");
-        }
-
-        res[position].push(Item);
-      }
-    }
-
-    // This is done so that the first ones registered are closest to the corner
-    res.right.reverse();
-
-    return res;
-  });
-}
-
-const registeredStatusBarItemsInjectable = getInjectable({
-  id: "registered-status-bar-items",
-
-  instantiate: (di) => getRegisteredStatusBarItems({
-    registrations: di.inject(statusBarItemsInjectable),
-  }),
-
-});
-
-export default registeredStatusBarItemsInjectable;
diff --git a/src/renderer/components/status-bar/status-bar-item-injection-token.ts b/src/renderer/components/status-bar/status-bar-item-injection-token.ts
new file mode 100644
index 0000000000..0fec934077
--- /dev/null
+++ b/src/renderer/components/status-bar/status-bar-item-injection-token.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import type React from "react";
+
+export interface StatusBarItem {
+  component: React.ComponentType<any>;
+  position: "left" | "right";
+  visible: IComputedValue<boolean>;
+}
+
+export const statusBarItemInjectionToken = getInjectionToken<StatusBarItem>({
+  id: "status-bar-item",
+});
diff --git a/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx b/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
new file mode 100644
index 0000000000..2b31c9b312
--- /dev/null
+++ b/src/renderer/components/status-bar/status-bar-item-registrator.injectable.tsx
@@ -0,0 +1,85 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Injectable } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { extensionRegistratorInjectionToken } from "../../../extensions/extension-loader/extension-registrator-injection-token";
+import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import type { StatusBarItem } from "./status-bar-item-injection-token";
+import { statusBarItemInjectionToken } from "./status-bar-item-injection-token";
+import type { StatusBarRegistration } from "./status-bar-registration";
+import React from "react";
+import getRandomIdInjectable from "../../../common/utils/get-random-id.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
+import type { Logger } from "../../../common/logger";
+
+const statusBarItemRegistratorInjectable = getInjectable({
+  id: "status-bar-item-registrator",
+
+  instantiate: (di) => (extension) => {
+    const rendererExtension = extension as LensRendererExtension;
+    const getRandomId = di.inject(getRandomIdInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return rendererExtension.statusBarItems.flatMap(
+      toItemInjectableFor(rendererExtension, getRandomId, logger),
+    );
+  },
+
+  injectionToken: extensionRegistratorInjectionToken,
+});
+
+export default statusBarItemRegistratorInjectable;
+
+const toItemInjectableFor = (extension: LensRendererExtension, getRandomId: () => string, logger: Logger) => {
+  return (registration: StatusBarRegistration): Injectable<StatusBarItem, StatusBarItem, void>[] => {
+    const id = `${getRandomId()}-status-bar-item-for-extension-${extension.sanitizedExtensionId}`;
+    let component: React.ComponentType;
+    let position: "left" | "right";
+
+    if (registration?.item) {
+      const { item } = registration;
+
+      position = "right";
+      component =
+        () => (
+          <>
+            {
+              typeof item === "function"
+                ? item()
+                : item
+            }
+          </>
+        );
+    } else if (registration?.components) {
+      const { position: pos = "right", Item } = registration.components;
+
+      if (pos !== "left" && pos !== "right") {
+        throw new TypeError("StatusBarRegistration.components.position must be either 'right' or 'left'");
+      }
+
+      position = pos;
+      component = Item;
+    } else {
+      logger.warn("StatusBarRegistration must have valid item or components field");
+
+      return [];
+    }
+
+    return [getInjectable({
+      id,
+
+      instantiate: () => ({
+        component,
+        position,
+        visible: computed(() => true),
+      }),
+
+      injectionToken: statusBarItemInjectionToken,
+    })];
+  };
+};
+
+
diff --git a/src/renderer/components/status-bar/status-bar-items.injectable.ts b/src/renderer/components/status-bar/status-bar-items.injectable.ts
deleted file mode 100644
index 05a22b86a7..0000000000
--- a/src/renderer/components/status-bar/status-bar-items.injectable.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import { getInjectable } from "@ogre-tools/injectable";
-import { computed } from "mobx";
-import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
-
-const statusBarItemsInjectable = getInjectable({
-  id: "status-bar-items",
-
-  instantiate: (di) => {
-    const extensions = di.inject(rendererExtensionsInjectable);
-
-    return computed(() =>
-      extensions.get().flatMap((ext) => ext.statusBarItems),
-    );
-  },
-});
-
-export default statusBarItemsInjectable;
diff --git a/src/renderer/components/status-bar/status-bar-items.injectable.tsx b/src/renderer/components/status-bar/status-bar-items.injectable.tsx
new file mode 100644
index 0000000000..855b8654c9
--- /dev/null
+++ b/src/renderer/components/status-bar/status-bar-items.injectable.tsx
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+import { computed } from "mobx";
+import type { StatusBarItemProps } from "./status-bar-registration";
+import type { StatusBarItem } from "./status-bar-item-injection-token";
+import { statusBarItemInjectionToken } from "./status-bar-item-injection-token";
+import { computedInjectManyInjectable } from "@ogre-tools/injectable-extension-for-mobx";
+
+export interface StatusBarItems {
+  right: React.ComponentType<StatusBarItemProps>[];
+  left: React.ComponentType<StatusBarItemProps>[];
+}
+
+interface Dependencies {
+  registrations: IComputedValue<StatusBarItem[]>;
+}
+
+function getStatusBarItems({ registrations }: Dependencies): IComputedValue<StatusBarItems> {
+  return computed(() => {
+    const res: StatusBarItems = {
+      left: [],
+      right: [],
+    };
+
+    for (const registration of registrations.get()) {
+      const { position = "right", component, visible } = registration;
+
+      if (!visible.get()) {
+        continue;
+      }
+
+      res[position].push(component);
+    }
+
+    // This is done so that the first ones registered are closest to the corner
+    res.right.reverse();
+
+    return res;
+  });
+}
+
+const statusBarItemsInjectable = getInjectable({
+  id: "status-bar-items",
+
+  instantiate: (di) => {
+    const computedInjectMany = di.inject(
+      computedInjectManyInjectable,
+    );
+
+    return getStatusBarItems({
+      registrations: computedInjectMany(statusBarItemInjectionToken),
+    });
+  },
+
+});
+
+export default statusBarItemsInjectable;
diff --git a/src/renderer/components/status-bar/status-bar.module.scss b/src/renderer/components/status-bar/status-bar.module.scss
index 04f07fa31b..8eb0ded0ec 100644
--- a/src/renderer/components/status-bar/status-bar.module.scss
+++ b/src/renderer/components/status-bar/status-bar.module.scss
@@ -19,17 +19,19 @@
 .leftSide {
   display: flex;
   align-items: center;
+  padding-inline-start: calc(var(--padding) / 2);
 }
 
 .rightSide {
   display: flex;
   align-items: center;
   justify-content: flex-end;
+  padding-inline-end: calc(var(--padding) / 2);
 }
 
 .item {
   height: 100%;
-  padding: 0 4px;
+  padding-inline: var(--padding);
   display: flex;
   align-items: center;
 
diff --git a/src/renderer/components/status-bar/status-bar.test.tsx b/src/renderer/components/status-bar/status-bar.test.tsx
index 53920d45c7..8aaf40b9c4 100644
--- a/src/renderer/components/status-bar/status-bar.test.tsx
+++ b/src/renderer/components/status-bar/status-bar.test.tsx
@@ -5,51 +5,42 @@
 
 import React from "react";
 import "@testing-library/jest-dom/extend-expect";
-import { StatusBar } from "./status-bar";
-import { getDiForUnitTesting } from "../../getDiForUnitTesting";
-import type { DiRender } from "../test-utils/renderFor";
-import { renderFor } from "../test-utils/renderFor";
 import type { IObservableArray } from "mobx";
 import { computed, observable } from "mobx";
-import type { DiContainer } from "@ogre-tools/injectable";
+import type { StatusBarItems } from "./status-bar-items.injectable";
 import statusBarItemsInjectable from "./status-bar-items.injectable";
-import type { StatusBarRegistration } from "./status-bar-registration";
-import { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
 import directoryForUserDataInjectable from "../../../common/app-paths/directory-for-user-data/directory-for-user-data.injectable";
-import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
-
-class SomeTestExtension extends LensRendererExtension {
-  constructor(statusBarItems: IObservableArray<any>) {
-    super({
-      id: "some-id",
-      absolutePath: "irrelevant",
-      isBundled: false,
-      isCompatible: false,
-      isEnabled: false,
-      manifest: { name: "some-id", version: "some-version", engines: { lens: "^5.5.0" }},
-      manifestPath: "irrelevant",
-    });
-
-    this.statusBarItems = statusBarItems;
-  }
-}
+import type { ApplicationBuilder } from "../test-utils/get-application-builder";
+import { getApplicationBuilder } from "../test-utils/get-application-builder";
+import getRandomIdInjectable from "../../../common/utils/get-random-id.injectable";
 
 describe("<StatusBar />", () => {
-  let render: DiRender;
-  let di: DiContainer;
   let statusBarItems: IObservableArray<any>;
+  let builder: ApplicationBuilder;
 
-  beforeEach(() => {
+  beforeEach(async () => {
     statusBarItems = observable.array([]);
-    di = getDiForUnitTesting({ doGeneralOverrides: true });
-    render = renderFor(di);
 
-    di.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
-    di.override(rendererExtensionsInjectable, () => computed(() => [new SomeTestExtension(statusBarItems)]));
+    builder = getApplicationBuilder();
+
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.unoverride(getRandomIdInjectable);
+      windowDi.permitSideEffects(getRandomIdInjectable);
+      windowDi.override(directoryForUserDataInjectable, () => "some-directory-for-user-data");
+    });
+
+    builder.extensions.enable({
+      id: "some-id",
+      name: "some-name",
+
+      rendererOptions: {
+        statusBarItems,
+      },
+    });
   });
 
-  it("renders w/o errors", () => {
-    const { container } = render(<StatusBar />);
+  it("renders w/o errors", async () => {
+    const { container } = await builder.render();
 
     expect(container).toBeInstanceOf(HTMLElement);
   });
@@ -62,26 +53,29 @@ describe("<StatusBar />", () => {
     [],
     [{}],
     {},
-  ])("renders w/o errors when registrations are not type compliant (%p)", val => {
+  ])("renders w/o errors when registrations are not type compliant (%p)", async val => {
     statusBarItems.replace([val]);
 
-    expect(() => render(<StatusBar />)).not.toThrow();
+    await expect(builder.render()).resolves.toBeTruthy();
   });
 
-  it("renders items [{item: React.ReactNode}] (4.0.0-rc.1)", () => {
+  it("renders items [{item: React.ReactNode}] (4.0.0-rc.1)", async () => {
     const testId = "testId";
     const text = "heee";
 
-    di.override(statusBarItemsInjectable, () => computed(() => [
-      { item: <span data-testid={testId} >{text}</span> },
-    ] as StatusBarRegistration[]));
+    builder.beforeWindowStart((windowDi) => {
+      windowDi.override(statusBarItemsInjectable, () => computed(() => ({
+        right: [ () => <span data-testid={testId} >{text}</span> ],
+        left: [],
+      }) as StatusBarItems));
+    });
 
-    const { getByTestId } = render(<StatusBar />);
+    const { getByTestId } = await builder.render();
 
     expect(getByTestId(testId)).toHaveTextContent(text);
   });
 
-  it("renders items [{item: () => React.ReactNode}] (4.0.0-rc.1+)", () => {
+  it("renders items [{item: () => React.ReactNode}] (4.0.0-rc.1+)", async () => {
     const testId = "testId";
     const text = "heee";
 
@@ -89,13 +83,13 @@ describe("<StatusBar />", () => {
       item: () => <span data-testid={testId} >{text}</span>,
     }]);
 
-    const { getByTestId } = render(<StatusBar />);
+    const { getByTestId } = await builder.render();
 
     expect(getByTestId(testId)).toHaveTextContent(text);
   });
 
 
-  it("sort positioned items properly", () => {
+  it("sort positioned items properly", async () => {
     statusBarItems.replace([
       {
         components: {
@@ -122,7 +116,7 @@ describe("<StatusBar />", () => {
       },
     ]);
 
-    const { getAllByTestId } = render(<StatusBar />);
+    const { getAllByTestId } = await builder.render();
     const elems = getAllByTestId("sortedElem");
     const positions = elems.map(elem => elem.textContent);
 
diff --git a/src/renderer/components/status-bar/status-bar.tsx b/src/renderer/components/status-bar/status-bar.tsx
index 9d08cfb1fa..1214a104c7 100644
--- a/src/renderer/components/status-bar/status-bar.tsx
+++ b/src/renderer/components/status-bar/status-bar.tsx
@@ -8,14 +8,14 @@ import styles from "./status-bar.module.scss";
 import React from "react";
 import { observer } from "mobx-react";
 import { withInjectables } from "@ogre-tools/injectable-react";
-import type { RegisteredStatusBarItems } from "./registered-status-bar-items.injectable";
-import registeredStatusBarItemsInjectable from "./registered-status-bar-items.injectable";
+import type { StatusBarItems } from "./status-bar-items.injectable";
+import statusBarItemsInjectable from "./status-bar-items.injectable";
 import type { IComputedValue } from "mobx";
 
 export interface StatusBarProps {}
 
 interface Dependencies {
-  items: IComputedValue<RegisteredStatusBarItems>;
+  items: IComputedValue<StatusBarItems>;
 }
 
 const NonInjectedStatusBar = observer(({ items }: Dependencies & StatusBarProps) => {
@@ -23,14 +23,14 @@ const NonInjectedStatusBar = observer(({ items }: Dependencies & StatusBarProps)
 
   return (
     <div className={styles.StatusBar}>
-      <div className={styles.leftSide}>
+      <div className={styles.leftSide} data-testid="status-bar-left">
         {left.map((Item, index) => (
           <div className={styles.item} key={index}>
             <Item />
           </div>
         ))}
       </div>
-      <div className={styles.rightSide}>
+      <div className={styles.rightSide} data-testid="status-bar-right">
         {right.map((Item, index) => (
           <div className={styles.item} key={index}>
             <Item />
@@ -44,7 +44,7 @@ const NonInjectedStatusBar = observer(({ items }: Dependencies & StatusBarProps)
 
 export const StatusBar = withInjectables<Dependencies, StatusBarProps>(NonInjectedStatusBar, {
   getProps: (di, props) => ({
-    items: di.inject(registeredStatusBarItemsInjectable),
+    items: di.inject(statusBarItemsInjectable),
     ...props,
   }),
 });
diff --git a/src/renderer/components/switch/form-switcher.tsx b/src/renderer/components/switch/form-switcher.tsx
index 8f2a8a231c..d2a069a771 100644
--- a/src/renderer/components/switch/form-switcher.tsx
+++ b/src/renderer/components/switch/form-switcher.tsx
@@ -4,34 +4,19 @@
  */
 
 import React from "react";
-import type { FormControlLabelProps } from "@material-ui/core/FormControlLabel";
-import FormControlLabel from "@material-ui/core/FormControlLabel";
-import { makeStyles } from "@material-ui/styles";
 
-const useStyles = makeStyles({
-  root: {
-    margin: 0,
-    "& .MuiTypography-root": {
-      fontSize: 14,
-      fontWeight: 500,
-      flex: 1,
-      color: "var(--textColorAccent)",
-    },
-  },
-});
+interface FormControlLabelProps {
+  control: React.ReactElement<any, any>;
+  label: React.ReactNode;
+}
 
 /**
  * @deprecated Use <Switch/> instead from "../switch.tsx".
  */
-export function FormSwitch(props: FormControlLabelProps) {
-  const classes = useStyles();
+export function FormSwitch(props: FormControlLabelProps & { children?: React.ReactNode }) {
+  const ClonedElement = React.cloneElement(props.control, {
+    children: <span>{props.label}</span>,
+  });
 
-  return (
-    <FormControlLabel
-      control={props.control}
-      labelPlacement="start"
-      label={props.label}
-      className={classes.root}
-    />
-  );
+  return ClonedElement;
 }
diff --git a/src/renderer/components/switch/switcher.tsx b/src/renderer/components/switch/switcher.tsx
index 21b2cddb22..e30e63ccf5 100644
--- a/src/renderer/components/switch/switcher.tsx
+++ b/src/renderer/components/switch/switcher.tsx
@@ -4,75 +4,28 @@
  */
 
 import React from "react";
-import type { Theme } from "@material-ui/core/styles";
-import { createStyles, withStyles } from "@material-ui/core/styles";
-import type { SwitchClassKey, SwitchProps } from "@material-ui/core/Switch";
-import Switch from "@material-ui/core/Switch";
+import { Switch } from "./switch";
 
-interface Styles extends Partial<Record<SwitchClassKey, string>> {
-  focusVisible?: string;
-}
-
-export interface SwitcherProps extends SwitchProps {
-  classes: Styles;
+export interface SwitcherProps {
+  disabled?: boolean;
+  children?: React.ReactNode;
+  checked?: boolean;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+  name?: string;
 }
 
 /**
  * @deprecated Use <Switch/> instead from "../switch.tsx".
  */
-export const Switcher = withStyles((theme: Theme) =>
-  createStyles({
-    root: {
-      width: 40,
-      height: 24,
-      padding: 0,
-      margin: "0 0 0 8px",
-    },
-    switchBase: {
-      padding: 1,
-      paddingLeft: 4,
-      "&$checked": {
-        transform: "translateX(14px)",
-        color: "white",
-        "& + $track": {
-          backgroundColor: "#52d869",
-          opacity: 1,
-          border: "none",
-        },
-      },
-      "&$focusVisible $thumb": {
-        color: "#52d869",
-        border: "6px solid #fff",
-      },
-    },
-    thumb: {
-      width: 18,
-      height: 18,
-      marginTop: 2,
-      boxShadow: "none",
-    },
-    track: {
-      borderRadius: 26 / 2,
-      backgroundColor: "#72767b",
-      opacity: 1,
-      transition: theme.transitions.create(["background-color", "border"]),
-    },
-    checked: {},
-    focusVisible: {},
-  }),
-)(({ classes, ...props }: SwitcherProps) => {
+export function Switcher({ disabled, checked, onChange, name, children }: SwitcherProps) {
   return (
     <Switch
-      focusVisibleClassName={classes.focusVisible}
-      disableRipple
-      classes={{
-        root: classes.root,
-        switchBase: classes.switchBase,
-        thumb: classes.thumb,
-        track: classes.track,
-        checked: classes.checked,
-      }}
-      {...props}
-    />
+      disabled={disabled}
+      checked={checked}
+      name={name}
+      onChange={(checked, event) => onChange?.(event, checked)}
+    >
+      {children}
+    </Switch>
   );
-});
+}
diff --git a/src/renderer/components/table/__tests__/getSorted.test.ts b/src/renderer/components/table/__tests__/getSorted.test.ts
index 2724f2a61f..e05063c320 100644
--- a/src/renderer/components/table/__tests__/getSorted.test.ts
+++ b/src/renderer/components/table/__tests__/getSorted.test.ts
@@ -26,10 +26,10 @@ describe("Table tests", () => {
       expect(i).toStrictEqual([1, 2, 4, 3]);
     });
 
-    it("should sort numerically asc (by defaul) and not touch the original list", () => {
+    it("should sort numerically asc (by default) and not touch the original list", () => {
       const i = [1, 2, 4, 3];
 
-      expect(getSorted(i, v => v, "foobar")).toStrictEqual([1, 2, 3, 4]);
+      expect(getSorted(i, v => v)).toStrictEqual([1, 2, 3, 4]);
       expect(i).toStrictEqual([1, 2, 4, 3]);
     });
 
diff --git a/src/renderer/components/table/sorting.ts b/src/renderer/components/table/sorting.ts
index 370c3733c2..828ae1e378 100644
--- a/src/renderer/components/table/sorting.ts
+++ b/src/renderer/components/table/sorting.ts
@@ -3,15 +3,14 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { TableSortCallback } from "./table";
+import type { TableOrderBy, TableSortCallback } from "./table";
 import { Ordering, rectifyOrdering, sortCompare, tuple } from "../../utils";
 
-export function getSorted<T>(rawItems: T[], sortingCallback: TableSortCallback<T> | undefined, orderByRaw: string): T[] {
+export function getSorted<T>(rawItems: T[], sortingCallback: TableSortCallback<T> | undefined, orderBy: TableOrderBy = "asc"): T[] {
   if (typeof sortingCallback !== "function") {
     return rawItems;
   }
 
-  const orderBy = orderByRaw === "asc" || orderByRaw === "desc" ? orderByRaw : "asc";
   const sortData = rawItems.map((item, index) => ({
     index,
     sortBy: sortingCallback(item),
diff --git a/src/renderer/components/table/table-row.tsx b/src/renderer/components/table/table-row.tsx
index 1cf498c5ec..9725c7112d 100644
--- a/src/renderer/components/table/table-row.tsx
+++ b/src/renderer/components/table/table-row.tsx
@@ -19,15 +19,19 @@ export interface TableRowProps<Item> extends React.DOMAttributes<HTMLDivElement>
   sortItem?: Item; // data for sorting callback in <Table sortable={}/>
   searchItem?: Item; // data for searching filters in <Table searchable={}/>
   disabled?: boolean;
+  testId?: string;
 }
 
 export class TableRow<Item> extends React.Component<TableRowProps<Item>> {
   render() {
-    const { className, nowrap, selected, disabled, children, sortItem, searchItem, ...rowProps } = this.props;
+    const { className, nowrap, selected, disabled, children, sortItem, searchItem, testId, ...rowProps } = this.props;
     const classNames = cssNames("TableRow", className, { selected, nowrap, disabled });
 
     return (
-      <div className={classNames} {...rowProps}>
+      <div
+        className={classNames}
+        data-testid={testId}
+        {...rowProps}>
         {children}
       </div>
     );
diff --git a/src/renderer/components/tabs/tabs.scss b/src/renderer/components/tabs/tabs.scss
index 2bee04e024..2eaf698676 100644
--- a/src/renderer/components/tabs/tabs.scss
+++ b/src/renderer/components/tabs/tabs.scss
@@ -54,11 +54,10 @@
       position: absolute;
       right: 0;
       bottom: 0;
-      width: 0;
-      height: $unit * 0.5;
-      transition: width 150ms;
+      height: 3px;
+      transition: opacity 150ms;
       background: currentColor;
-      color: var(--halfGray)
+      opacity: 0;
     }
 
     &:focus {
@@ -76,6 +75,7 @@
         left: 0;
         right: auto;
         color: var(--line-color-active);
+        opacity: 1;
       }
     }
   }
diff --git a/src/renderer/components/test-utils/get-application-builder.tsx b/src/renderer/components/test-utils/get-application-builder.tsx
index 42401e1288..9f9ab7d903 100644
--- a/src/renderer/components/test-utils/get-application-builder.tsx
+++ b/src/renderer/components/test-utils/get-application-builder.tsx
@@ -5,31 +5,25 @@
 import type { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
 import rendererExtensionsInjectable from "../../../extensions/renderer-extensions.injectable";
 import currentlyInClusterFrameInjectable from "../../routes/currently-in-cluster-frame.injectable";
-import type { IObservableArray, ObservableSet } from "mobx";
+import type { IComputedValue, ObservableMap } from "mobx";
 import { computed, observable, runInAction } from "mobx";
-import { renderFor } from "./renderFor";
 import React from "react";
 import { Router } from "react-router";
-import { Observer } from "mobx-react";
-import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
 import allowedResourcesInjectable from "../../cluster-frame-context/allowed-resources.injectable";
 import type { RenderResult } from "@testing-library/react";
-import { getByText, fireEvent } from "@testing-library/react";
+import { fireEvent, queryByText } from "@testing-library/react";
 import type { KubeResource } from "../../../common/rbac";
-import { Sidebar } from "../layout/sidebar";
-import type { DiContainer } from "@ogre-tools/injectable";
-import clusterStoreInjectable from "../../../common/cluster-store/cluster-store.injectable";
-import type { ClusterStore } from "../../../common/cluster-store/cluster-store";
+import type { DiContainer, Injectable } from "@ogre-tools/injectable";
+import { getInjectable } from "@ogre-tools/injectable";
 import mainExtensionsInjectable from "../../../extensions/main-extensions.injectable";
-import currentRouteComponentInjectable from "../../routes/current-route-component.injectable";
 import { pipeline } from "@ogre-tools/fp";
-import { flatMap, compact, join, get, filter, map, matches } from "lodash/fp";
+import { compact, filter, first, flatMap, get, join, last, map, matches } from "lodash/fp";
 import preferenceNavigationItemsInjectable from "../+preferences/preferences-navigation/preference-navigation-items.injectable";
 import navigateToPreferencesInjectable from "../../../common/front-end-routing/routes/preferences/navigate-to-preferences.injectable";
 import type { MenuItemOpts } from "../../../main/menu/application-menu-items.injectable";
 import applicationMenuItemsInjectable from "../../../main/menu/application-menu-items.injectable";
-import type { MenuItemConstructorOptions, MenuItem } from "electron";
-import storesAndApisCanBeCreatedInjectable from "../../stores-apis-can-be-created.injectable";
+import type { MenuItem, MenuItemConstructorOptions } from "electron";
+import type { NavigateToHelmCharts } from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable";
 import navigateToHelmChartsInjectable from "../../../common/front-end-routing/routes/cluster/helm/charts/navigate-to-helm-charts.injectable";
 import hostedClusterInjectable from "../../cluster-frame-context/hosted-cluster.injectable";
 import { ClusterFrameContext } from "../../cluster-frame-context/cluster-frame-context";
@@ -39,60 +33,79 @@ import clusterFrameContextInjectable from "../../cluster-frame-context/cluster-f
 import startMainApplicationInjectable from "../../../main/start-main-application/start-main-application.injectable";
 import startFrameInjectable from "../../start-frame/start-frame.injectable";
 import type { NamespaceStore } from "../+namespaces/store";
-import namespaceStoreInjectable from "../+namespaces/store.injectable";
 import historyInjectable from "../../navigation/history.injectable";
+import type { MinimalTrayMenuItem } from "../../../main/tray/electron-tray/electron-tray.injectable";
 import electronTrayInjectable from "../../../main/tray/electron-tray/electron-tray.injectable";
-import applicationWindowInjectable from "../../../main/start-main-application/lens-window/application-window/application-window.injectable";
-import { Notifications } from "../notifications/notifications";
-import broadcastThatRootFrameIsRenderedInjectable from "../../frames/root-frame/broadcast-that-root-frame-is-rendered.injectable";
 import { getDiForUnitTesting as getRendererDi } from "../../getDiForUnitTesting";
 import { getDiForUnitTesting as getMainDi } from "../../../main/getDiForUnitTesting";
 import { overrideChannels } from "../../../test-utils/channel-fakes/override-channels";
-import type { TrayMenuItem } from "../../../main/tray/tray-menu-item/tray-menu-item-injection-token";
-import trayIconPathsInjectable from "../../../main/tray/tray-icon-path.injectable";
 import assert from "assert";
 import { openMenu } from "react-select-event";
 import userEvent from "@testing-library/user-event";
-import { StatusBar } from "../status-bar/status-bar";
 import lensProxyPortInjectable from "../../../main/lens-proxy/lens-proxy-port.injectable";
 import type { Route } from "../../../common/front-end-routing/front-end-route-injection-token";
 import type { NavigateToRouteOptions } from "../../../common/front-end-routing/navigate-to-route-injection-token";
 import { navigateToRouteInjectionToken } from "../../../common/front-end-routing/navigate-to-route-injection-token";
 import type { LensMainExtension } from "../../../extensions/lens-main-extension";
-import trayMenuItemsInjectable from "../../../main/tray/tray-menu-item/tray-menu-items.injectable";
 import type { LensExtension } from "../../../extensions/lens-extension";
-
 import extensionInjectable from "../../../extensions/extension-loader/extension/extension.injectable";
+import { renderFor } from "./renderFor";
+import { RootFrame } from "../../frames/root-frame/root-frame";
+import { ClusterFrame } from "../../frames/cluster-frame/cluster-frame";
+import hostedClusterIdInjectable from "../../cluster-frame-context/hosted-cluster-id.injectable";
+import activeKubernetesClusterInjectable from "../../cluster-frame-context/active-kubernetes-cluster.injectable";
+import { catalogEntityFromCluster } from "../../../main/cluster-manager";
+import namespaceStoreInjectable from "../+namespaces/store.injectable";
+import { isAllowedResource } from "../../../common/cluster/is-allowed-resource";
+import createApplicationWindowInjectable from "../../../main/start-main-application/lens-window/application-window/create-application-window.injectable";
+import type { CreateElectronWindow } from "../../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
+import createElectronWindowInjectable from "../../../main/start-main-application/lens-window/application-window/create-electron-window.injectable";
+import { applicationWindowInjectionToken } from "../../../main/start-main-application/lens-window/application-window/application-window-injection-token";
+import sendToChannelInElectronBrowserWindowInjectable from "../../../main/start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable";
+import closeAllWindowsInjectable from "../../../main/start-main-application/lens-window/hide-all-windows/close-all-windows.injectable";
+import type { LensWindow } from "../../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
+import type { FakeExtensionOptions } from "./get-extension-fake";
+import { getExtensionFakeForMain, getExtensionFakeForRenderer } from "./get-extension-fake";
 
-type Callback = (dis: DiContainers) => void | Promise<void>;
+type Callback = (di: DiContainer) => void | Promise<void>;
 
-type EnableExtensions<T> = (...extensions: T[]) => void;
-type DisableExtensions<T> = (...extensions: T[]) => void;
+type LensWindowWithHelpers = LensWindow & { rendered: RenderResult; di: DiContainer };
 
 export interface ApplicationBuilder {
-  dis: DiContainers;
+  mainDi: DiContainer;
   setEnvironmentToClusterFrame: () => ApplicationBuilder;
 
   extensions: {
-    renderer: {
-      enable: EnableExtensions<LensRendererExtension>;
-      disable: DisableExtensions<LensRendererExtension>;
-    };
+    enable: (...extensions: FakeExtensionOptions[]) => void;
+    disable: (...extensions: FakeExtensionOptions[]) => void;
 
-    main: {
-      enable: EnableExtensions<LensMainExtension>;
-      disable: DisableExtensions<LensMainExtension>;
+    get: (id: string) => {
+      main: LensMainExtension;
+
+      applicationWindows: Record<string, LensRendererExtension> & {
+        only: LensRendererExtension;
+      };
     };
   };
 
+  applicationWindow: {
+    closeAll: () => void;
+    only: LensWindowWithHelpers;
+    get: (id: string) => LensWindowWithHelpers;
+    getAll: () => LensWindowWithHelpers[];
+    create: (id: string) => LensWindowWithHelpers;
+  };
+
   allowKubeResource: (resourceName: KubeResource) => ApplicationBuilder;
   beforeApplicationStart: (callback: Callback) => ApplicationBuilder;
-  beforeRender: (callback: Callback) => ApplicationBuilder;
+  beforeWindowStart: (callback: Callback) => ApplicationBuilder;
+
+  startHidden: () => Promise<void>;
   render: () => Promise<RenderResult>;
 
   tray: {
     click: (id: string) => Promise<void>;
-    get: (id: string) => TrayMenuItem | null;
+    get: (id: string) => MinimalTrayMenuItem | null;
     getIconPath: () => string;
   };
 
@@ -110,24 +123,18 @@ export interface ApplicationBuilder {
   };
 
   helmCharts: {
-    navigate: () => void;
+    navigate: NavigateToHelmCharts;
   };
-
+  navigateWith: (token: Injectable<() => void, any, void>) => void;
   select: {
-    openMenu: (id: string) => void;
+    openMenu: (id: string) => { selectOption: (labelText: string) => void };
     selectOption: (menuId: string, labelText: string) => void;
+    getValue: (menuId: string) => string;
   };
 }
 
-interface DiContainers {
-  rendererDi: DiContainer;
-  mainDi: DiContainer;
-}
-
 interface Environment {
-  renderSidebar: () => React.ReactNode;
-  renderStatusBar: () => React.ReactNode;
-  beforeRender: () => void;
+  RootComponent: React.ElementType;
   onAllowKubeResource: () => void;
 }
 
@@ -136,125 +143,169 @@ export const getApplicationBuilder = () => {
     doGeneralOverrides: true,
   });
 
-  const overrideChannelsForWindow = overrideChannels(mainDi);
-
-  const rendererDi = getRendererDi({
-    doGeneralOverrides: true,
+  runInAction(() => {
+    mainDi.register(mainExtensionsStateInjectable);
   });
 
-  overrideChannelsForWindow(rendererDi);
-
-  const dis = { rendererDi, mainDi };
-
-  const clusterStoreStub = {
-    provideInitialFromMain: () => {},
-    getById: (): null => null,
-  } as unknown as ClusterStore;
-
-  rendererDi.override(clusterStoreInjectable, () => clusterStoreStub);
-  rendererDi.override(storesAndApisCanBeCreatedInjectable, () => true);
-  mainDi.override(clusterStoreInjectable, () => clusterStoreStub);
+  const overrideChannelsForWindow = overrideChannels(mainDi);
 
   const beforeApplicationStartCallbacks: Callback[] = [];
-  const beforeRenderCallbacks: Callback[] = [];
-
-  const rendererExtensionsState = observable.set<LensRendererExtension>();
-  const mainExtensionsState = observable.set<LensMainExtension>();
-
-  rendererDi.override(subscribeStoresInjectable, () => () => () => {});
-
-  const environments = {
-    application: {
-      renderSidebar: () => null,
-
-      renderStatusBar: () => <StatusBar />,
-
-      beforeRender: () => {
-        const nofifyThatRootFrameIsRendered = rendererDi.inject(broadcastThatRootFrameIsRenderedInjectable);
-
-        nofifyThatRootFrameIsRendered();
-      },
-
-      onAllowKubeResource: () => {
-        throw new Error(
-          "Tried to allow kube resource when environment is not cluster frame.",
-        );
-      },
-    } as Environment,
-
-    clusterFrame: {
-      renderSidebar: () => <Sidebar />,
-      renderStatusBar: () => null,
-      beforeRender: () => {},
-      onAllowKubeResource: () => {},
-    } as Environment,
-  };
+  const beforeWindowStartCallbacks: Callback[] = [];
 
   let environment = environments.application;
 
-  rendererDi.override(
-    currentlyInClusterFrameInjectable,
-    () => environment === environments.clusterFrame,
-  );
+  mainDi.override(mainExtensionsInjectable, (di) => {
+    const mainExtensionsState = di.inject(mainExtensionsStateInjectable);
 
-  rendererDi.override(rendererExtensionsInjectable, () =>
-    computed(() => [...rendererExtensionsState]),
-  );
-
-  mainDi.override(mainExtensionsInjectable, () =>
-    computed(() => [...mainExtensionsState]),
-  );
+    return computed(() =>
+      [...mainExtensionsState.values()],
+    );
+  });
 
   let trayMenuIconPath: string;
 
-  mainDi.override(electronTrayInjectable, () => ({
-    start: () => {
-      const iconPaths = mainDi.inject(trayIconPathsInjectable);
+  const traySetMenuItemsMock = jest.fn<any, [MinimalTrayMenuItem[]]>();
 
-      trayMenuIconPath = iconPaths.normal;
-    },
+  mainDi.override(electronTrayInjectable, () => ({
+    start: () => {},
     stop: () => {},
-    setMenuItems: () => {},
+    setMenuItems: traySetMenuItemsMock,
     setIconPath: (path) => {
       trayMenuIconPath = path;
     },
   }));
 
-  let allowedResourcesState: IObservableArray<KubeResource>;
-  let rendered: RenderResult;
+  const allowedResourcesState = observable.array<KubeResource>();
 
-  const enableExtensionsFor = <T extends ObservableSet>(
-    extensionState: T,
-    di: DiContainer,
-  ) => {
-    const getExtension = (extension: LensExtension) =>
-      di.inject(extensionInjectable, extension);
+  const windowHelpers = new Map<string, { di: DiContainer; getRendered: () => RenderResult }>();
 
-    return (...extensionInstances: LensExtension[]) => {
-      const addAndEnableExtensions = () => {
-        extensionInstances.forEach(instance => {
-          const extension = getExtension(instance);
+  const createElectronWindowFake: CreateElectronWindow = (configuration) => {
+    const windowId = configuration.id;
 
-          extension.register();
-        });
+    const windowDi = getRendererDi({ doGeneralOverrides: true });
 
-        runInAction(() => {
-          extensionInstances.forEach((extension) => {
-            extensionState.add(extension);
-          });
-        });
-      };
+    overrideChannelsForWindow(windowDi, windowId);
 
-      if (rendered) {
-        addAndEnableExtensions();
-      } else {
-        builder.beforeRender(addAndEnableExtensions);
-      }
+    runInAction(() => {
+      windowDi.register(rendererExtensionsStateInjectable);
+    });
+
+    windowDi.override(
+      currentlyInClusterFrameInjectable,
+      () => environment === environments.clusterFrame,
+    );
+
+    windowDi.override(rendererExtensionsInjectable, (di) => {
+      const rendererExtensionState = di.inject(rendererExtensionsStateInjectable);
+
+      return computed(() => [...rendererExtensionState.values()]);
+    });
+
+    let rendered: RenderResult;
+
+    windowHelpers.set(windowId, { di: windowDi, getRendered: () => rendered });
+
+    return {
+      show: () => {},
+      close: () => {},
+      loadFile: async () => {},
+      loadUrl: async () => {
+        for (const callback of beforeWindowStartCallbacks) {
+          await callback(windowDi);
+        }
+
+        const startFrame = windowDi.inject(startFrameInjectable);
+
+        await startFrame();
+
+        const history = windowDi.inject(historyInjectable);
+
+        const render = renderFor(windowDi);
+
+        rendered = render(
+          <Router history={history}>
+            <environment.RootComponent />
+          </Router>,
+        );
+      },
+
+      send: (arg) => {
+        const sendFake = mainDi.inject(sendToChannelInElectronBrowserWindowInjectable) as any;
+
+        sendFake(windowId, null, arg);
+      },
+
+      reload: () => {
+        throw new Error("Tried to reload application window which is not implemented yet.");
+      },
     };
   };
 
+  mainDi.override(createElectronWindowInjectable, () => createElectronWindowFake);
+
+  let applicationHasStarted = false;
+
   const builder: ApplicationBuilder = {
-    dis,
+    mainDi,
+
+    applicationWindow: {
+      closeAll: () => {
+        const closeAll = mainDi.inject(closeAllWindowsInjectable);
+
+        closeAll();
+
+        document.documentElement.innerHTML = "";
+      },
+
+      get only() {
+        const applicationWindows = builder.applicationWindow.getAll();
+
+        if (applicationWindows.length > 1) {
+          throw new Error(
+            "Tried to get only application window when there are multiple windows.",
+          );
+        }
+
+        const applicationWindow = first(applicationWindows);
+
+        if (!applicationWindow) {
+          throw new Error(
+            "Tried to get only application window when there are no windows.",
+          );
+        }
+
+        return applicationWindow;
+      },
+
+      getAll: () =>
+        mainDi
+          .injectMany(applicationWindowInjectionToken)
+          .map(toWindowWithHelpersFor(windowHelpers)),
+
+      get: (id) => {
+        const applicationWindows = builder.applicationWindow.getAll();
+
+        const applicationWindow = applicationWindows.find(
+          (window) => window.id === id,
+        );
+
+        if (!applicationWindow) {
+          throw new Error(`Tried to get application window with ID "${id}" but it was not found.`);
+        }
+
+        return applicationWindow;
+      },
+
+      create: (id) => {
+        const createApplicationWindow = mainDi.inject(
+          createApplicationWindowInjectable,
+        );
+
+        createApplicationWindow(id);
+
+        return builder.applicationWindow.get(id);
+      },
+    },
 
     applicationMenu: {
       click: (path: string) => {
@@ -293,14 +344,21 @@ export const getApplicationBuilder = () => {
 
     tray: {
       get: (id: string) => {
-        const trayMenuItems = mainDi.inject(trayMenuItemsInjectable).get();
+        const lastCall = last(traySetMenuItemsMock.mock.calls);
 
-        return trayMenuItems.find(matches({ id })) ?? null;
+        assert(lastCall);
+
+        return lastCall[0].find(matches({ id })) ?? null;
       },
+
       getIconPath: () => trayMenuIconPath,
 
       click: async (id: string) => {
-        const trayMenuItems = mainDi.inject(trayMenuItemsInjectable).get();
+        const lastCall = last(traySetMenuItemsMock.mock.calls);
+
+        assert(lastCall);
+
+        const trayMenuItems = lastCall[0];
 
         const menuItem = trayMenuItems.find(matches({ id })) ?? null;
 
@@ -315,7 +373,7 @@ export const getApplicationBuilder = () => {
           throw new Error(`Tried to click tray menu item with ID ${id} which does not exist. Available IDs are: "${availableIds}"`);
         }
 
-        if (!menuItem.enabled.get()) {
+        if (!menuItem.enabled) {
           throw new Error(`Tried to click tray menu item with ID ${id} which is disabled.`);
         }
 
@@ -325,29 +383,39 @@ export const getApplicationBuilder = () => {
 
     preferences: {
       close: () => {
+        const rendered = builder.applicationWindow.only.rendered;
+
         const link = rendered.getByTestId("close-preferences");
 
         fireEvent.click(link);
       },
 
       navigate: () => {
-        const navigateToPreferences = rendererDi.inject(navigateToPreferencesInjectable);
+        const windowDi = builder.applicationWindow.only.di;
+
+        const navigateToPreferences = windowDi.inject(
+          navigateToPreferencesInjectable,
+        );
 
         navigateToPreferences();
       },
 
       navigateTo: (route: Route<any>, params: Partial<NavigateToRouteOptions<any>>) => {
-        const navigateToRoute = rendererDi.inject(navigateToRouteInjectionToken);
+        const windowDi = builder.applicationWindow.only.di;
+
+        const navigateToRoute = windowDi.inject(navigateToRouteInjectionToken);
 
         navigateToRoute(route, params);
       },
 
       navigation: {
         click: (id: string) => {
+          const { di: windowDi, rendered } = builder.applicationWindow.only;
+
           const link = rendered.queryByTestId(`tab-link-for-${id}`);
 
           if (!link) {
-            const preferencesNavigationItems = rendererDi.inject(
+            const preferencesNavigationItems = windowDi.inject(
               preferenceNavigationItemsInjectable,
             );
 
@@ -366,57 +434,152 @@ export const getApplicationBuilder = () => {
     },
 
     helmCharts: {
-      navigate: () => {
-        const navigateToHelmCharts = rendererDi.inject(navigateToHelmChartsInjectable);
+      navigate: (parameters) => {
+        const windowDi = builder.applicationWindow.only.di;
 
-        navigateToHelmCharts();
+        const navigateToHelmCharts = windowDi.inject(
+          navigateToHelmChartsInjectable,
+        );
+
+        navigateToHelmCharts(parameters);
       },
     },
 
+    navigateWith: (token) => {
+      const windowDi = builder.applicationWindow.only.di;
+      const navigate = windowDi.inject(token);
+
+      navigate();
+    },
+
     setEnvironmentToClusterFrame: () => {
       environment = environments.clusterFrame;
 
-      allowedResourcesState = observable.array();
+      builder.beforeWindowStart((windowDi) => {
+        windowDi.override(allowedResourcesInjectable, () =>
+          computed(() => new Set([...allowedResourcesState])),
+        );
 
-      rendererDi.override(allowedResourcesInjectable, () =>
-        computed(() => new Set([...allowedResourcesState])),
-      );
+        const clusterStub = {
+          accessibleNamespaces: [],
+          isAllowedResource: isAllowedResource(allowedResourcesState),
+        } as unknown as Cluster;
 
-      const clusterStub = {
-        accessibleNamespaces: [],
-      } as unknown as Cluster;
+        windowDi.override(activeKubernetesClusterInjectable, () =>
+          computed(() => catalogEntityFromCluster(clusterStub)),
+        );
 
-      const namespaceStoreStub = {
-        contextNamespaces: [],
-      } as unknown as NamespaceStore;
+        // TODO: Figure out a way to remove this stub.
+        const namespaceStoreStub = {
+          isLoaded: true,
+          contextNamespaces: [],
+          contextItems: [],
+          api: {
+            kind: "Namespace",
+          },
+          items: [],
+          selectNamespaces: () => {},
+          getByPath: () => undefined,
+          pickOnlySelected: () => [],
+          isSelectedAll: () => false,
+          getTotalCount: () => 0,
+        } as unknown as NamespaceStore;
 
-      const clusterFrameContextFake = new ClusterFrameContext(
-        clusterStub,
+        const clusterFrameContextFake = new ClusterFrameContext(
+          clusterStub,
 
-        {
-          namespaceStore: namespaceStoreStub,
-        },
-      );
+          {
+            namespaceStore: namespaceStoreStub,
+          },
+        );
 
-      rendererDi.override(namespaceStoreInjectable, () => namespaceStoreStub);
-      rendererDi.override(hostedClusterInjectable, () => clusterStub);
-      rendererDi.override(clusterFrameContextInjectable, () => clusterFrameContextFake);
+        windowDi.override(namespaceStoreInjectable, () => namespaceStoreStub);
+        windowDi.override(hostedClusterInjectable, () => clusterStub);
+        windowDi.override(hostedClusterIdInjectable, () => "irrelevant-hosted-cluster-id");
+        windowDi.override(clusterFrameContextInjectable, () => clusterFrameContextFake);
 
-      // Todo: get rid of global state.
-      KubeObjectStore.defaultContext.set(clusterFrameContextFake);
+        // Todo: get rid of global state.
+        KubeObjectStore.defaultContext.set(clusterFrameContextFake);
+      });
 
       return builder;
     },
 
     extensions: {
-      renderer: {
-        enable: enableExtensionsFor(rendererExtensionsState, rendererDi),
-        disable: disableExtensionsFor(rendererExtensionsState, rendererDi),
+      get: (id: string) => {
+        const windowInstances = pipeline(
+          builder.applicationWindow.getAll(),
+
+          map((window): [string, LensRendererExtension] => [
+            window.id,
+            findExtensionInstance(window.di, rendererExtensionsInjectable, id),
+          ]),
+
+          items => Object.fromEntries(items),
+        );
+
+        return {
+          main: findExtensionInstance(mainDi, mainExtensionsInjectable, id),
+
+          applicationWindows: {
+            get only() {
+              return findExtensionInstance(
+                builder.applicationWindow.only.di,
+                rendererExtensionsInjectable,
+                id,
+              );
+            },
+
+            ...windowInstances,
+          },
+        };
       },
 
-      main: {
-        enable: enableExtensionsFor(mainExtensionsState, mainDi),
-        disable: disableExtensionsFor(mainExtensionsState, mainDi),
+      enable: (...extensions) => {
+        builder.beforeWindowStart((windowDi) => {
+          const rendererExtensionInstances = extensions.map((options) =>
+            getExtensionFakeForRenderer(
+              windowDi,
+              options.id,
+              options.name,
+              options.rendererOptions || {},
+            ),
+          );
+
+          rendererExtensionInstances.forEach(
+            enableExtensionFor(windowDi, rendererExtensionsStateInjectable),
+          );
+        });
+
+        builder.beforeApplicationStart((mainDi) => {
+          const mainExtensionInstances = extensions.map((extension) =>
+            getExtensionFakeForMain(mainDi, extension.id, extension.name, extension.mainOptions || {}),
+          );
+
+          runInAction(() => {
+            mainExtensionInstances.forEach(
+              enableExtensionFor(mainDi, mainExtensionsStateInjectable),
+            );
+          });
+        });
+      },
+
+      disable: (...extensions) => {
+        builder.beforeWindowStart(windowDi => {
+          extensions
+            .map((ext) => ext.id)
+            .forEach(
+              disableExtensionFor(windowDi, rendererExtensionsStateInjectable),
+            );
+        });
+
+        builder.beforeApplicationStart(mainDi => {
+          extensions
+            .map((ext) => ext.id)
+            .forEach(
+              disableExtensionFor(mainDi, mainExtensionsStateInjectable),
+            );
+        });
       },
     },
 
@@ -430,92 +593,101 @@ export const getApplicationBuilder = () => {
       return builder;
     },
 
-    beforeApplicationStart(callback: (dis: DiContainers) => void) {
+    beforeApplicationStart(callback) {
+      if (applicationHasStarted) {
+        callback(mainDi);
+      }
+
       beforeApplicationStartCallbacks.push(callback);
 
       return builder;
     },
 
-    beforeRender(callback: (dis: DiContainers) => void) {
-      beforeRenderCallbacks.push(callback);
+    beforeWindowStart(callback) {
+      const alreadyRenderedWindows = builder.applicationWindow.getAll();
+
+      alreadyRenderedWindows.forEach((window) => {
+        callback(window.di);
+      });
+
+      beforeWindowStartCallbacks.push(callback);
 
       return builder;
     },
 
+    startHidden: async () => {
+      mainDi.inject(lensProxyPortInjectable).set(42);
+
+      for (const callback of beforeApplicationStartCallbacks) {
+        await callback(mainDi);
+      }
+
+      const startMainApplication = mainDi.inject(
+        startMainApplicationInjectable,
+      );
+
+      await startMainApplication(false);
+
+      applicationHasStarted = true;
+    },
+
     async render() {
       mainDi.inject(lensProxyPortInjectable).set(42);
 
       for (const callback of beforeApplicationStartCallbacks) {
-        await callback(dis);
+        await callback(mainDi);
       }
 
-      const startMainApplication = mainDi.inject(startMainApplicationInjectable);
-
-      await startMainApplication();
-
-      const applicationWindow = mainDi.inject(applicationWindowInjectable);
-
-      await applicationWindow.start();
-
-      const startFrame = rendererDi.inject(startFrameInjectable);
-
-      await startFrame();
-
-      const render = renderFor(rendererDi);
-      const history = rendererDi.inject(historyInjectable);
-      const currentRouteComponent = rendererDi.inject(currentRouteComponentInjectable);
-
-      for (const callback of beforeRenderCallbacks) {
-        await callback(dis);
-      }
-
-      environment.beforeRender();
-
-      rendered = render(
-        <Router history={history}>
-          {environment.renderSidebar()}
-          {environment.renderStatusBar()}
-
-          <Observer>
-            {() => {
-              const Component = currentRouteComponent.get();
-
-              if (!Component) {
-                return null;
-              }
-
-              return <Component />;
-            }}
-          </Observer>
-
-          <Notifications />
-        </Router>,
+      const startMainApplication = mainDi.inject(
+        startMainApplicationInjectable,
       );
 
-      return rendered;
+      await startMainApplication(true);
+
+      applicationHasStarted = true;
+
+      const applicationWindow = builder.applicationWindow.get(
+        "first-application-window",
+      );
+
+      assert(applicationWindow);
+
+      return applicationWindow.rendered;
     },
 
     select: {
       openMenu: (menuId) => {
-        const selector = rendered.container.querySelector<HTMLElement>(
+        const rendered = builder.applicationWindow.only.rendered;
+
+        const select = rendered.baseElement.querySelector<HTMLElement>(
           `#${menuId}`,
         );
 
-        assert(selector);
+        assert(select, `Could not find select with ID "${menuId}"`);
 
-        openMenu(selector);
+        openMenu(select);
+
+        return {
+          selectOption: selectOptionFor(builder, menuId),
+        };
       },
 
-      selectOption: (menuId, labelText) => {
-        const menuOptions = rendered.baseElement.querySelector<HTMLElement>(
-          `.${menuId}-options`,
+      selectOption: (menuId, labelText) => selectOptionFor(builder, menuId)(labelText),
+
+      getValue: (menuId) => {
+        const rendered = builder.applicationWindow.only.rendered;
+
+        const select = rendered.baseElement.querySelector<HTMLInputElement>(
+          `#${menuId}`,
         );
 
-        assert(menuOptions);
+        assert(select, `Could not find select with ID "${menuId}"`);
 
-        const option = getByText(menuOptions, labelText);
+        const controlElement = select.closest(".Select__control");
 
-        userEvent.click(option);
+        assert(controlElement, `Could not find select value for menu with ID "${menuId}"`);
+
+        return controlElement.textContent || "";
       },
     },
   };
@@ -542,22 +714,134 @@ function toFlatChildren(parentId: string | null | undefined): ToFlatChildren {
   ];
 }
 
-const disableExtensionsFor = <T extends ObservableSet>(
-  extensionState: T,
+export const rendererExtensionsStateInjectable = getInjectable({
+  id: "renderer-extensions-state",
+  instantiate: () => observable.map<string, LensRendererExtension>(),
+});
+
+const mainExtensionsStateInjectable = getInjectable({
+  id: "main-extensions-state",
+  instantiate: () => observable.map<string, LensMainExtension>(),
+});
+
+const findExtensionInstance = <T extends LensExtension> (di: DiContainer, injectable: Injectable<IComputedValue<T[]>, any, any>, id: string) => {
+  const instance = di.inject(injectable).get().find(ext => ext.id === id);
+
+  if (!instance) {
+    throw new Error(`Tried to get extension with ID ${id}, but it didn't exist`);
+  }
+
+  return instance;
+};
+
+type ApplicationWindowHelpers = Map<string, { di: DiContainer; getRendered: () => RenderResult }>;
+
+const toWindowWithHelpersFor =
+  (windowHelpers: ApplicationWindowHelpers) => (applicationWindow: LensWindow) => ({
+    ...applicationWindow,
+
+    get rendered() {
+      const helpers = windowHelpers.get(applicationWindow.id);
+
+      if (!helpers) {
+        throw new Error(
+          `Tried to get rendered for application window "${applicationWindow.id}" before it was started.`,
+        );
+      }
+
+      return helpers.getRendered();
+    },
+
+    get di() {
+      const helpers = windowHelpers.get(applicationWindow.id);
+
+      if (!helpers) {
+        throw new Error(
+          `Tried to get di for application window "${applicationWindow.id}" before it was started.`,
+        );
+      }
+
+      return helpers.di;
+    },
+  });
+
+const environments = {
+  application: {
+    RootComponent: RootFrame,
+
+    onAllowKubeResource: () => {
+      throw new Error(
+        "Tried to allow kube resource when environment is not cluster frame.",
+      );
+    },
+  } as Environment,
+
+  clusterFrame: {
+    RootComponent: ClusterFrame,
+    onAllowKubeResource: () => {},
+  } as Environment,
+};
+
+const selectOptionFor = (builder: ApplicationBuilder, menuId: string) => (labelText: string) => {
+  const rendered = builder.applicationWindow.only.rendered;
+
+  const menuOptions = rendered.baseElement.querySelector<HTMLElement>(
+    `.${menuId}-options`,
+  );
+
+  assert(menuOptions, `Could not find select options for menu with ID "${menuId}"`);
+
+  const option = queryByText(menuOptions, labelText);
+
+  assert(option, `Could not find select option with label "${labelText}" for menu with ID "${menuId}"`);
+
+  userEvent.click(option);
+};
+
+const enableExtensionFor = (
   di: DiContainer,
+  stateInjectable: Injectable<ObservableMap<string, any>, any, any>,
 ) => {
-  const getExtension = (instance: LensExtension) =>
-    di.inject(extensionInjectable, instance);
+  const extensionState = di.inject(stateInjectable);
 
-  return (...extensionInstances: LensExtension[]) => {
-    extensionInstances.forEach((instance) => {
-      const extension = getExtension(instance);
+  const getExtension = (extension: LensExtension) =>
+    di.inject(extensionInjectable, extension);
 
-      runInAction(() => {
-        extension.deregister();
+  return (extensionInstance: LensExtension) => {
+    const extension = getExtension(extensionInstance);
 
-        extensionState.delete(instance);
-      });
+    runInAction(() => {
+      extension.register();
+      extensionState.set(extensionInstance.id, extensionInstance);
     });
   };
 };
+
+const disableExtensionFor =
+  (
+    di: DiContainer,
+    stateInjectable: Injectable<ObservableMap<string, any>, unknown, void>,
+  ) =>
+    (id: string) => {
+      const getExtension = (extension: LensExtension) =>
+        di.inject(extensionInjectable, extension);
+
+      const extensionsState = di.inject(stateInjectable);
+
+      const instance = extensionsState.get(id);
+
+      if (!instance) {
+        throw new Error(
+          `Tried to disable extension with ID "${id}", but it wasn't enabled`,
+        );
+      }
+
+      const injectable = getExtension(instance);
+
+      runInAction(() => {
+        injectable.deregister();
+
+        extensionsState.delete(id);
+      });
+    };
+
diff --git a/src/renderer/components/test-utils/get-extension-fake.ts b/src/renderer/components/test-utils/get-extension-fake.ts
new file mode 100644
index 0000000000..6dd8dcacab
--- /dev/null
+++ b/src/renderer/components/test-utils/get-extension-fake.ts
@@ -0,0 +1,88 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { Mutable } from "type-fest";
+import fileSystemProvisionerStoreInjectable from "../../../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
+import { lensExtensionDependencies } from "../../../extensions/lens-extension";
+import { LensMainExtension } from "../../../extensions/lens-main-extension";
+import navigateForExtensionInjectable from "../../../main/start-main-application/lens-window/navigate-for-extension.injectable";
+import { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
+import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
+import getExtensionPageParametersInjectable from "../../routes/get-extension-page-parameters.injectable";
+import navigateToRouteInjectable from "../../routes/navigate-to-route.injectable";
+import routesInjectable from "../../routes/routes.injectable";
+import catalogEntityRegistryForMainInjectable from "../../../main/catalog/entity-registry.injectable";
+import catalogEntityRegistryForRendererInjectable from "../../api/catalog/entity/registry.injectable";
+import type { DiContainer } from "@ogre-tools/injectable";
+
+export class TestExtensionMain extends LensMainExtension {}
+export class TestExtensionRenderer extends LensRendererExtension {}
+
+export interface FakeExtensionOptions {
+  id: string;
+  name: string;
+  rendererOptions?: Partial<LensRendererExtension>;
+  mainOptions?: Partial<LensMainExtension>;
+}
+
+export const getExtensionFakeForMain = (di: DiContainer, id: string, name: string, options: Partial<LensMainExtension>) => {
+  const instance = new TestExtensionMain({
+    id,
+    absolutePath: "irrelevant",
+    isBundled: false,
+    isCompatible: false,
+    isEnabled: false,
+    manifest: {
+      name,
+      version: "1.0.0",
+      engines: {
+        lens: "^5.5.0",
+      },
+    },
+    manifestPath: "irrelevant",
+  });
+
+  Object.assign(instance, options);
+
+  (instance as Mutable<LensMainExtension>)[lensExtensionDependencies] = {
+    fileSystemProvisionerStore: di.inject(
+      fileSystemProvisionerStoreInjectable,
+    ),
+    entityRegistry: di.inject(catalogEntityRegistryForMainInjectable),
+    navigate: di.inject(navigateForExtensionInjectable),
+  };
+
+  return instance;
+};
+
+export const getExtensionFakeForRenderer = (di: DiContainer, id: string, name: string, options: Partial<LensRendererExtension>) => {
+  const instance = new TestExtensionRenderer({
+    id,
+    absolutePath: "irrelevant",
+    isBundled: false,
+    isCompatible: false,
+    isEnabled: false,
+    manifest: {
+      name,
+      version: "1.0.0",
+      engines: {
+        lens: "^5.5.0",
+      },
+    },
+    manifestPath: "irrelevant",
+  });
+
+  Object.assign(instance, options);
+
+  (instance as Mutable<LensRendererExtension>)[lensExtensionDependencies] = {
+    categoryRegistry: di.inject(catalogCategoryRegistryInjectable),
+    entityRegistry: di.inject(catalogEntityRegistryForRendererInjectable),
+    fileSystemProvisionerStore: di.inject(fileSystemProvisionerStoreInjectable),
+    getExtensionPageParameters: di.inject(getExtensionPageParametersInjectable),
+    navigateToRoute: di.inject(navigateToRouteInjectable),
+    routes: di.inject(routesInjectable),
+  };
+
+  return instance;
+};
diff --git a/src/renderer/components/test-utils/get-renderer-extension-fake.ts b/src/renderer/components/test-utils/get-renderer-extension-fake.ts
deleted file mode 100644
index fb31ee70b9..0000000000
--- a/src/renderer/components/test-utils/get-renderer-extension-fake.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-import type { Mutable, SetRequired } from "type-fest";
-import catalogCategoryRegistryInjectable from "../../../common/catalog/category-registry.injectable";
-import fileSystemProvisionerStoreInjectable from "../../../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
-import { lensExtensionDependencies } from "../../../extensions/lens-extension";
-import { LensRendererExtension } from "../../../extensions/lens-renderer-extension";
-import catalogEntityRegistryInjectable from "../../api/catalog/entity/registry.injectable";
-import getExtensionPageParametersInjectable from "../../routes/get-extension-page-parameters.injectable";
-import navigateToRouteInjectable from "../../routes/navigate-to-route.injectable";
-import routesInjectable from "../../routes/routes.injectable";
-import type { ApplicationBuilder } from "./get-application-builder";
-
-export class TestExtension extends LensRendererExtension {}
-
-export type FakeExtensionData = SetRequired<Partial<LensRendererExtension>, "id" | "name">;
-
-export const getRendererExtensionFakeFor = (builder: ApplicationBuilder) => (
-  function getRendererExtensionFake({ id, name, ...rest }: FakeExtensionData) {
-    const instance = new TestExtension({
-      id,
-      absolutePath: "irrelevant",
-      isBundled: false,
-      isCompatible: false,
-      isEnabled: false,
-      manifest: {
-        name,
-        version: "1.0.0",
-        engines: {
-          lens: "^5.5.0",
-        },
-      },
-      manifestPath: "irrelevant",
-    });
-
-    Object.assign(instance, rest);
-
-    (instance as Mutable<LensRendererExtension>)[lensExtensionDependencies] = {
-      categoryRegistry: builder.dis.rendererDi.inject(catalogCategoryRegistryInjectable),
-      entityRegistry: builder.dis.rendererDi.inject(catalogEntityRegistryInjectable),
-      fileSystemProvisionerStore: builder.dis.rendererDi.inject(fileSystemProvisionerStoreInjectable),
-      getExtensionPageParameters: builder.dis.rendererDi.inject(getExtensionPageParametersInjectable),
-      navigateToRoute: builder.dis.rendererDi.inject(navigateToRouteInjectable),
-      routes: builder.dis.rendererDi.inject(routesInjectable),
-    };
-
-    return instance;
-  }
-);
-
diff --git a/src/renderer/components/tooltip/__mocks__/withTooltip.tsx b/src/renderer/components/tooltip/__mocks__/withTooltip.tsx
new file mode 100644
index 0000000000..cbaa591d91
--- /dev/null
+++ b/src/renderer/components/tooltip/__mocks__/withTooltip.tsx
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+
+export const withTooltip =
+  (Target: any) =>
+    ({ tooltip, tooltipOverrideDisabled, ...props }: any) => {
+      if (tooltip) {
+        const testId = props["data-testid"];
+
+        return (
+          <>
+            <Target {...props} />
+            <div data-testid={testId && `tooltip-content-for-${testId}`}>
+              {tooltip.children || tooltip}
+            </div>
+          </>
+        );
+      }
+
+      return <Target {...props} />;
+    };
diff --git a/src/renderer/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap b/src/renderer/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap
deleted file mode 100644
index 3492065df4..0000000000
--- a/src/renderer/components/update-button/__tests__/__snapshots__/update-button.test.tsx.snap
+++ /dev/null
@@ -1,22 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<UpdateButton/> should render if warning level prop passed 1`] = `
-<button
-  class="updateButton"
-  data-testid="update-button"
-  data-warning-level="light"
-  id="update-lens-button"
->
-  Update
-  <i
-    class="Icon icon material focusable"
-  >
-    <span
-      class="icon"
-      data-icon-name="arrow_drop_down"
-    >
-      arrow_drop_down
-    </span>
-  </i>
-</button>
-`;
diff --git a/src/renderer/components/update-button/__tests__/update-button.test.tsx b/src/renderer/components/update-button/__tests__/update-button.test.tsx
deleted file mode 100644
index 8133bd3845..0000000000
--- a/src/renderer/components/update-button/__tests__/update-button.test.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import { act } from "@testing-library/react";
-import React from "react";
-import { UpdateButton } from "../update-button";
-import "@testing-library/jest-dom/extend-expect";
-import { getDiForUnitTesting } from "../../../getDiForUnitTesting";
-import type { DiRender } from "../../test-utils/renderFor";
-import { renderFor } from "../../test-utils/renderFor";
-
-const update = jest.fn();
-
-describe("<UpdateButton/>", () => {
-  let render: DiRender;
-
-  beforeEach(() => {
-
-    const di = getDiForUnitTesting({ doGeneralOverrides: true });
-
-    render = renderFor(di);
-
-    update.mockClear();
-  });
-
-  it("should not render if no warning level prop passed", () => {
-    const { queryByTestId } = render(<UpdateButton update={update} />);
-
-    expect(queryByTestId("update-button")).not.toBeInTheDocument();
-  });
-
-  it("should render if warning level prop passed", () => {
-    const { getByTestId } = render(<UpdateButton update={update} warningLevel="light" />);
-
-    expect(getByTestId("update-button")).toMatchSnapshot();
-  });
-
-  it("should open menu when clicked", async () => {
-    const { getByTestId } = render(<UpdateButton update={update} warningLevel="light" />);
-
-    const button = getByTestId("update-button");
-
-    act(() => button.click());
-
-    expect(getByTestId("update-lens-menu-item")).toBeInTheDocument();
-  });
-
-  it("should call update function when menu item clicked", () => {
-    const { getByTestId } = render(<UpdateButton update={update} warningLevel="light" />);
-
-    const button = getByTestId("update-button");
-
-    act(() => button.click());
-
-    const menuItem = getByTestId("update-lens-menu-item");
-
-    menuItem.click();
-
-    expect(update).toHaveBeenCalled();
-  });
-
-  it("should have light warning level", () => {
-    const { getByTestId } = render(<UpdateButton update={update} warningLevel="light" />);
-
-    const button = getByTestId("update-button");
-
-    expect(button.dataset.warningLevel).toBe("light");
-  });
-
-  it("should have medium warning level", () => {
-    const { getByTestId } = render(<UpdateButton update={update} warningLevel="medium" />);
-
-    const button = getByTestId("update-button");
-
-    expect(button.dataset.warningLevel).toBe("medium");
-  });
-
-  it("should have high warning level", () => {
-    const { getByTestId } = render(<UpdateButton update={update} warningLevel="high" />);
-
-    const button = getByTestId("update-button");
-
-    expect(button.dataset.warningLevel).toBe("high");
-  });
-});
diff --git a/src/renderer/components/update-button/restart-and-install-update.injectable.ts b/src/renderer/components/update-button/restart-and-install-update.injectable.ts
new file mode 100644
index 0000000000..854e0a428f
--- /dev/null
+++ b/src/renderer/components/update-button/restart-and-install-update.injectable.ts
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import restartAndInstallUpdateChannel from "../../../common/application-update/restart-and-install-update-channel/restart-and-install-update-channel.injectable";
+import messageToChannelInjectable from "../../utils/channel/message-to-channel.injectable";
+
+const restartAndInstallUpdateInjectable = getInjectable({
+  id: "restart-and-install-update",
+
+  instantiate: (di) => {
+    const messageToChannel = di.inject(messageToChannelInjectable);
+    const channel = di.inject(restartAndInstallUpdateChannel);
+
+    return () => {
+      messageToChannel(channel);
+    };
+  },
+});
+
+export default restartAndInstallUpdateInjectable;
diff --git a/src/renderer/components/update-button/styles.module.scss b/src/renderer/components/update-button/styles.module.scss
index ad4d39a7dd..14b607327b 100644
--- a/src/renderer/components/update-button/styles.module.scss
+++ b/src/renderer/components/update-button/styles.module.scss
@@ -11,7 +11,7 @@
   color: var(--accent-color);
   display: flex;
   align-items: center;
-  padding: 4px 8px;
+  padding: calc(var(--padding) / 4) var(--padding);
   gap: 6px;
   cursor: default;
   position: relative;
diff --git a/src/renderer/components/update-button/update-button.tsx b/src/renderer/components/update-button/update-button.tsx
index 6da453de3d..029b58f3fe 100644
--- a/src/renderer/components/update-button/update-button.tsx
+++ b/src/renderer/components/update-button/update-button.tsx
@@ -11,22 +11,30 @@ import { Menu, MenuItem } from "../menu";
 import { cssNames } from "../../utils";
 import type { IconProps } from "../icon";
 import { Icon } from "../icon";
+import { withInjectables } from "@ogre-tools/injectable-react";
+import { observer } from "mobx-react";
+import type { IComputedValue } from "mobx";
+import restartAndInstallUpdateInjectable from "./restart-and-install-update.injectable";
+import updateWarningLevelInjectable from "./update-warning-level.injectable";
 
-interface UpdateButtonProps extends HTMLAttributes<HTMLButtonElement> {
-  warningLevel?: "light" | "medium" | "high";
+interface UpdateButtonProps extends HTMLAttributes<HTMLButtonElement> {}
+
+interface Dependencies {
+  warningLevel: IComputedValue<"light" | "medium" | "high" | "">;
   update: () => void;
 }
 
-export function UpdateButton({ warningLevel, update, id }: UpdateButtonProps) {
+export const NonInjectedUpdateButton = observer(({ warningLevel, update, id }: UpdateButtonProps & Dependencies) => {
   const buttonId = id ?? "update-lens-button";
   const menuIconProps: IconProps = { material: "update", small: true };
   const [opened, setOpened] = useState(false);
+  const level = warningLevel.get();
 
   const toggle = () => {
     setOpened(!opened);
   };
 
-  if (!warningLevel) {
+  if (!level) {
     return null;
   }
 
@@ -34,11 +42,11 @@ export function UpdateButton({ warningLevel, update, id }: UpdateButtonProps) {
     <>
       <button
         data-testid="update-button"
-        data-warning-level={warningLevel}
+        data-warning-level={level}
         id={buttonId}
         className={cssNames(styles.updateButton, {
-          [styles.warningHigh]: warningLevel === "high",
-          [styles.warningMedium]: warningLevel === "medium",
+          [styles.warningHigh]: level === "high",
+          [styles.warningMedium]: level === "medium",
         })}
       >
         Update
@@ -61,4 +69,15 @@ export function UpdateButton({ warningLevel, update, id }: UpdateButtonProps) {
       </Menu>
     </>
   );
-}
+});
+
+export const UpdateButton = withInjectables<Dependencies, UpdateButtonProps>(
+  NonInjectedUpdateButton,
+  {
+    getProps: (di, props) => ({
+      ...props,
+      warningLevel: di.inject(updateWarningLevelInjectable),
+      update: di.inject(restartAndInstallUpdateInjectable),
+    }),
+  },
+);
diff --git a/src/renderer/components/update-button/update-warning-level.injectable.ts b/src/renderer/components/update-button/update-warning-level.injectable.ts
new file mode 100644
index 0000000000..cc963ab27d
--- /dev/null
+++ b/src/renderer/components/update-button/update-warning-level.injectable.ts
@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import updateDownloadedDateTimeInjectable from "../../../common/application-update/update-downloaded-date-time/update-downloaded-date-time.injectable";
+import { reactiveNow } from "../../../common/utils/reactive-now/reactive-now";
+
+const updateWarningLevelInjectable = getInjectable({
+  id: "update-warning-level",
+
+  instantiate: (di) => {
+    const updateDownloadedDateTime = di.inject(updateDownloadedDateTimeInjectable);
+
+    return computed(() => {
+      const downloadedAt = updateDownloadedDateTime.value.get();
+
+      if (!downloadedAt) {
+        return "";
+      }
+
+      const ONE_DAY = 1000 * 60 * 60 * 24;
+
+      const downloadedAtTimestamp = new Date(downloadedAt).getTime();
+      const currentDateTimeTimestamp = reactiveNow(ONE_DAY);
+
+      const elapsedTime = currentDateTimeTimestamp - downloadedAtTimestamp;
+
+      const elapsedDays = elapsedTime / ONE_DAY;
+
+      if (elapsedDays < 20) {
+        return "light";
+      }
+
+      if (elapsedDays >= 20 && elapsedDays < 25) {
+        return "medium";
+      }
+
+      return "high";
+    });
+  },
+});
+
+export default updateWarningLevelInjectable;
diff --git a/src/renderer/components/virtual-list/__snapshots__/virtual-list.test.tsx.snap b/src/renderer/components/virtual-list/__snapshots__/virtual-list.test.tsx.snap
new file mode 100644
index 0000000000..93fcd4849a
--- /dev/null
+++ b/src/renderer/components/virtual-list/__snapshots__/virtual-list.test.tsx.snap
@@ -0,0 +1,355 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VirtualList renders 1`] = `
+<body>
+  <div>
+    <div
+      class="VirtualList"
+    >
+      <div
+        class="list"
+        style="position: relative; height: 45px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+      >
+        <div
+          style="height: 4545px; width: 100%;"
+        >
+          <div
+            data-testid="some-id-0"
+            style="position: absolute; left: 0px; top: 0px; height: 15px; width: 100%;"
+          >
+            some-id-0
+          </div>
+          <div
+            data-testid="some-id-1"
+            style="position: absolute; left: 0px; top: 15px; height: 15px; width: 100%;"
+          >
+            some-id-1
+          </div>
+          <div
+            data-testid="some-id-2"
+            style="position: absolute; left: 0px; top: 30px; height: 15px; width: 100%;"
+          >
+            some-id-2
+          </div>
+          <div
+            data-testid="some-id-3"
+            style="position: absolute; left: 0px; top: 45px; height: 15px; width: 100%;"
+          >
+            some-id-3
+          </div>
+          <div
+            data-testid="some-id-4"
+            style="position: absolute; left: 0px; top: 60px; height: 15px; width: 100%;"
+          >
+            some-id-4
+          </div>
+          <div
+            data-testid="some-id-5"
+            style="position: absolute; left: 0px; top: 75px; height: 15px; width: 100%;"
+          >
+            some-id-5
+          </div>
+          <div
+            data-testid="some-id-6"
+            style="position: absolute; left: 0px; top: 90px; height: 15px; width: 100%;"
+          >
+            some-id-6
+          </div>
+          <div
+            data-testid="some-id-7"
+            style="position: absolute; left: 0px; top: 105px; height: 15px; width: 100%;"
+          >
+            some-id-7
+          </div>
+          <div
+            data-testid="some-id-8"
+            style="position: absolute; left: 0px; top: 120px; height: 15px; width: 100%;"
+          >
+            some-id-8
+          </div>
+          <div
+            data-testid="some-id-9"
+            style="position: absolute; left: 0px; top: 135px; height: 15px; width: 100%;"
+          >
+            some-id-9
+          </div>
+          <div
+            data-testid="some-id-10"
+            style="position: absolute; left: 0px; top: 150px; height: 15px; width: 100%;"
+          >
+            some-id-10
+          </div>
+          <div
+            data-testid="some-id-11"
+            style="position: absolute; left: 0px; top: 165px; height: 15px; width: 100%;"
+          >
+            some-id-11
+          </div>
+          <div
+            data-testid="some-id-12"
+            style="position: absolute; left: 0px; top: 180px; height: 15px; width: 100%;"
+          >
+            some-id-12
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`VirtualList when non-visable item is selected renders 1`] = `
+<body>
+  <div>
+    <div
+      class="VirtualList"
+    >
+      <div
+        class="list"
+        style="position: relative; height: 45px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+      >
+        <div
+          style="height: 3530px; width: 100%;"
+        >
+          <div
+            data-testid="some-id-19"
+            style="position: absolute; left: 0px; top: 285px; height: 15px; width: 100%;"
+          >
+            some-id-19
+          </div>
+          <div
+            data-testid="some-id-20"
+            style="position: absolute; left: 0px; top: 300px; height: 15px; width: 100%;"
+          >
+            some-id-20
+          </div>
+          <div
+            data-testid="some-id-21"
+            style="position: absolute; left: 0px; top: 315px; height: 15px; width: 100%;"
+          >
+            some-id-21
+          </div>
+          <div
+            data-testid="some-id-22"
+            style="position: absolute; left: 0px; top: 330px; height: 15px; width: 100%;"
+          >
+            some-id-22
+          </div>
+          <div
+            data-testid="some-id-23"
+            style="position: absolute; left: 0px; top: 345px; height: 15px; width: 100%;"
+          >
+            some-id-23
+          </div>
+          <div
+            data-testid="some-id-24"
+            style="position: absolute; left: 0px; top: 360px; height: 15px; width: 100%;"
+          >
+            some-id-24
+          </div>
+          <div
+            data-testid="some-id-25"
+            style="position: absolute; left: 0px; top: 375px; height: 15px; width: 100%;"
+          >
+            some-id-25
+          </div>
+          <div
+            data-testid="some-id-26"
+            style="position: absolute; left: 0px; top: 390px; height: 15px; width: 100%;"
+          >
+            some-id-26
+          </div>
+          <div
+            data-testid="some-id-27"
+            style="position: absolute; left: 0px; top: 405px; height: 15px; width: 100%;"
+          >
+            some-id-27
+          </div>
+          <div
+            data-testid="some-id-28"
+            style="position: absolute; left: 0px; top: 420px; height: 15px; width: 100%;"
+          >
+            some-id-28
+          </div>
+          <div
+            data-testid="some-id-29"
+            style="position: absolute; left: 0px; top: 435px; height: 15px; width: 100%;"
+          >
+            some-id-29
+          </div>
+          <div
+            data-testid="some-id-30"
+            style="position: absolute; left: 0px; top: 450px; height: 15px; width: 100%;"
+          >
+            some-id-30
+          </div>
+          <div
+            data-testid="some-id-31"
+            style="position: absolute; left: 0px; top: 465px; height: 15px; width: 100%;"
+          >
+            some-id-31
+          </div>
+          <div
+            data-testid="some-id-32"
+            style="position: absolute; left: 0px; top: 480px; height: 15px; width: 100%;"
+          >
+            some-id-32
+          </div>
+          <div
+            data-testid="some-id-33"
+            style="position: absolute; left: 0px; top: 495px; height: 15px; width: 100%;"
+          >
+            some-id-33
+          </div>
+          <div
+            data-testid="some-id-34"
+            style="position: absolute; left: 0px; top: 510px; height: 15px; width: 100%;"
+          >
+            some-id-34
+          </div>
+          <div
+            data-testid="some-id-35"
+            style="position: absolute; left: 0px; top: 525px; height: 15px; width: 100%;"
+          >
+            some-id-35
+          </div>
+          <div
+            data-testid="some-id-36"
+            style="position: absolute; left: 0px; top: 540px; height: 15px; width: 100%;"
+          >
+            some-id-36
+          </div>
+          <div
+            data-testid="some-id-37"
+            style="position: absolute; left: 0px; top: 555px; height: 15px; width: 100%;"
+          >
+            some-id-37
+          </div>
+          <div
+            data-testid="some-id-38"
+            style="position: absolute; left: 0px; top: 570px; height: 15px; width: 100%;"
+          >
+            some-id-38
+          </div>
+          <div
+            data-testid="some-id-39"
+            style="position: absolute; left: 0px; top: 585px; height: 15px; width: 100%;"
+          >
+            some-id-39
+          </div>
+          <div
+            data-testid="some-id-40"
+            style="position: absolute; left: 0px; top: 600px; height: 15px; width: 100%;"
+          >
+            some-id-40
+          </div>
+          <div
+            data-testid="some-id-41"
+            style="position: absolute; left: 0px; top: 615px; height: 15px; width: 100%;"
+          >
+            some-id-41
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
+
+exports[`VirtualList when visible item is selected renders 1`] = `
+<body>
+  <div>
+    <div
+      class="VirtualList"
+    >
+      <div
+        class="list"
+        style="position: relative; height: 45px; width: 100%; overflow: auto; will-change: transform; direction: ltr;"
+      >
+        <div
+          style="height: 4545px; width: 100%;"
+        >
+          <div
+            data-testid="some-id-0"
+            style="position: absolute; left: 0px; top: 0px; height: 15px; width: 100%;"
+          >
+            some-id-0
+          </div>
+          <div
+            data-testid="some-id-1"
+            style="position: absolute; left: 0px; top: 15px; height: 15px; width: 100%;"
+          >
+            some-id-1
+          </div>
+          <div
+            data-testid="some-id-2"
+            style="position: absolute; left: 0px; top: 30px; height: 15px; width: 100%;"
+          >
+            some-id-2
+          </div>
+          <div
+            data-testid="some-id-3"
+            style="position: absolute; left: 0px; top: 45px; height: 15px; width: 100%;"
+          >
+            some-id-3
+          </div>
+          <div
+            data-testid="some-id-4"
+            style="position: absolute; left: 0px; top: 60px; height: 15px; width: 100%;"
+          >
+            some-id-4
+          </div>
+          <div
+            data-testid="some-id-5"
+            style="position: absolute; left: 0px; top: 75px; height: 15px; width: 100%;"
+          >
+            some-id-5
+          </div>
+          <div
+            data-testid="some-id-6"
+            style="position: absolute; left: 0px; top: 90px; height: 15px; width: 100%;"
+          >
+            some-id-6
+          </div>
+          <div
+            data-testid="some-id-7"
+            style="position: absolute; left: 0px; top: 105px; height: 15px; width: 100%;"
+          >
+            some-id-7
+          </div>
+          <div
+            data-testid="some-id-8"
+            style="position: absolute; left: 0px; top: 120px; height: 15px; width: 100%;"
+          >
+            some-id-8
+          </div>
+          <div
+            data-testid="some-id-9"
+            style="position: absolute; left: 0px; top: 135px; height: 15px; width: 100%;"
+          >
+            some-id-9
+          </div>
+          <div
+            data-testid="some-id-10"
+            style="position: absolute; left: 0px; top: 150px; height: 15px; width: 100%;"
+          >
+            some-id-10
+          </div>
+          <div
+            data-testid="some-id-11"
+            style="position: absolute; left: 0px; top: 165px; height: 15px; width: 100%;"
+          >
+            some-id-11
+          </div>
+          <div
+            data-testid="some-id-12"
+            style="position: absolute; left: 0px; top: 180px; height: 15px; width: 100%;"
+          >
+            some-id-12
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+`;
diff --git a/src/renderer/components/virtual-list/virtual-list.test.tsx b/src/renderer/components/virtual-list/virtual-list.test.tsx
new file mode 100644
index 0000000000..f9446589f2
--- /dev/null
+++ b/src/renderer/components/virtual-list/virtual-list.test.tsx
@@ -0,0 +1,81 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { RenderResult } from "@testing-library/react";
+import { render } from "@testing-library/react";
+import React from "react";
+import { VirtualList } from "./virtual-list";
+
+const generateListOfIdObjects = (count: number) => [...new Array(count)].map((v, index) => ({
+  getId() {
+    return `some-id-${index}`;
+  },
+}));
+const generateListOfRowHeights = (count: number, size: number) => [...new Array(count)].map(() => size);
+const renderList = (selectedId?: string) => (
+  <VirtualList
+    items={generateListOfIdObjects(100)}
+    rowHeights={generateListOfRowHeights(100, 15)}
+    fixedHeight={45}
+    selectedItemId={selectedId}
+    getRow={(id) => <div data-testid={id}>{id}</div>}
+  />
+);
+
+describe("VirtualList", () => {
+  let result: RenderResult;
+
+  beforeEach(() => {
+    result = render(renderList());
+  });
+
+  it("renders", () => {
+    expect(result.baseElement).toMatchSnapshot();
+  });
+
+  it("shows the first item", () => {
+    expect(result.queryByTestId("some-id-0")).toBeInTheDocument();
+  });
+
+  it("shows the second item", () => {
+    expect(result.queryByTestId("some-id-1")).toBeInTheDocument();
+  });
+
+  it("shows the third item", () => {
+    expect(result.queryByTestId("some-id-2")).toBeInTheDocument();
+  });
+
+  describe("when non-visable item is selected", () => {
+    beforeEach(() => {
+      result.rerender(renderList("some-id-30"));
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("shows selected item", () => {
+      expect(result.queryByTestId("some-id-30")).toBeInTheDocument();
+    });
+
+    it("does not show the first item", () => {
+      expect(result.queryByTestId("some-id-0")).not.toBeInTheDocument();
+    });
+  });
+
+  describe("when visible item is selected", () => {
+    beforeEach(() => {
+      result.rerender(renderList("some-id-2"));
+    });
+
+    it("renders", () => {
+      expect(result.baseElement).toMatchSnapshot();
+    });
+
+    it("shows selected item", () => {
+      expect(result.queryByTestId("some-id-2")).toBeInTheDocument();
+    });
+  });
+});
diff --git a/src/renderer/components/virtual-list/virtual-list.tsx b/src/renderer/components/virtual-list/virtual-list.tsx
index 1045cc5d22..3ea0aebb1c 100644
--- a/src/renderer/components/virtual-list/virtual-list.tsx
+++ b/src/renderer/components/virtual-list/virtual-list.tsx
@@ -14,7 +14,6 @@ import type { Align, ListChildComponentProps, ListOnScrollProps } from "react-wi
 import { VariableSizeList } from "react-window";
 import { cssNames, noop } from "../../utils";
 import type { TableRowProps } from "../table/table-row";
-import debounce from "lodash/debounce";
 import isEqual from "lodash/isEqual";
 import AutoSizer from "react-virtualized-auto-sizer";
 
@@ -59,7 +58,7 @@ function VirtualListInner<T extends { getId(): string } | string>({
   const listRef = createRef<VariableSizeList>();
   const prevItems = useRef(items);
   const prevRowHeights = useRef(rowHeights);
-  const scrollToSelectedItem = useCallback(debounce(() => {
+  const scrollToSelectedItem = useCallback(() => {
     if (!selectedItemId) {
       return;
     }
@@ -71,9 +70,9 @@ function VirtualListInner<T extends { getId(): string } | string>({
     ));
 
     if (index >= 0) {
-      listRef.current?.scrollToItem(index, "start");
+      listRef.current?.scrollToItem(index, "smart");
     }
-  }), [selectedItemId, [items]]);
+  }, [selectedItemId, [items]]);
   const getItemSize = (index: number) => rowHeights[index];
 
   useImperativeHandle(forwardedRef, () => ({
@@ -88,7 +87,7 @@ function VirtualListInner<T extends { getId(): string } | string>({
   useEffect(() => {
     try {
       if (prevItems.current.length !== items.length || !isEqual(prevRowHeights.current, rowHeights)) {
-        listRef.current?.resetAfterIndex(0, false);
+        listRef.current?.resetAfterIndex(0);
       }
     } finally {
       prevItems.current = items;
diff --git a/src/renderer/create-cluster/create-cluster.injectable.ts b/src/renderer/create-cluster/create-cluster.injectable.ts
index 7e997477a6..af64873fad 100644
--- a/src/renderer/create-cluster/create-cluster.injectable.ts
+++ b/src/renderer/create-cluster/create-cluster.injectable.ts
@@ -8,6 +8,7 @@ import { Cluster } from "../../common/cluster/cluster";
 import directoryForKubeConfigsInjectable from "../../common/app-paths/directory-for-kube-configs/directory-for-kube-configs.injectable";
 import { createClusterInjectionToken } from "../../common/cluster/create-cluster-injection-token";
 import loggerInjectable from "../../common/logger.injectable";
+import broadcastMessageInjectable from "../../common/ipc/broadcast-message.injectable";
 
 const createClusterInjectable = getInjectable({
   id: "create-cluster",
@@ -16,6 +17,7 @@ const createClusterInjectable = getInjectable({
     const dependencies: ClusterDependencies = {
       directoryForKubeConfigs: di.inject(directoryForKubeConfigsInjectable),
       logger: di.inject(loggerInjectable),
+      broadcastMessage: di.inject(broadcastMessageInjectable),
 
       // TODO: Dismantle wrong abstraction
       // Note: "as never" to get around strictness in unnatural scenario
diff --git a/src/renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable.ts b/src/renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable.ts
new file mode 100644
index 0000000000..24c75f4d30
--- /dev/null
+++ b/src/renderer/extension-loader/extension-should-be-enabled-for-cluster-frame.injectable.ts
@@ -0,0 +1,49 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable, lifecycleEnum } from "@ogre-tools/injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import type { LensRendererExtension } from "../../extensions/lens-renderer-extension";
+import type { KubernetesCluster } from "../../common/catalog-entities";
+import extensionIsEnabledForClusterInjectable from "../../extensions/extension-loader/extension-is-enabled-for-cluster.injectable";
+import activeKubernetesClusterInjectable from "../cluster-frame-context/active-kubernetes-cluster.injectable";
+import { untracked } from "mobx";
+
+const extensionShouldBeEnabledForClusterFrameInjectable = getInjectable({
+  id: "extension-should-be-enabled-for-cluster-frame",
+
+  instantiate: (di, extension: LensRendererExtension) => {
+    const activeKubernetesCluster = di.inject(activeKubernetesClusterInjectable);
+
+    const getExtensionIsEnabledForCluster = (
+      extension: LensRendererExtension,
+      cluster: KubernetesCluster,
+    ) =>
+      untracked(() => di.inject(extensionIsEnabledForClusterInjectable, { extension, cluster }));
+
+    return asyncComputed(
+      async () => {
+        const cluster = activeKubernetesCluster.get();
+
+        if (!cluster) {
+          return false;
+        }
+
+        return getExtensionIsEnabledForCluster(
+          extension,
+          cluster,
+        );
+      },
+
+      false,
+    );
+  },
+
+  lifecycle: lifecycleEnum.keyedSingleton({
+    getInstanceKey: (di, extension: LensRendererExtension) =>
+      extension.sanitizedExtensionId,
+  }),
+});
+
+export default extensionShouldBeEnabledForClusterFrameInjectable;
diff --git a/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap b/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
index f4ddc5a0b7..c491c391ae 100644
--- a/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
+++ b/src/renderer/frames/cluster-frame/__snapshots__/cluster-frame.test.tsx.snap
@@ -2,6 +2,9 @@
 
 exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissions given no matching component given current url is starting url renders 1`] = `
 <div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
   <div
     class="mainLayout"
     style="--sidebar-width: 200px;"
@@ -36,7 +39,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -47,9 +50,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -60,7 +61,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -71,9 +72,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -84,7 +83,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -95,13 +94,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -118,7 +115,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -132,9 +129,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -145,7 +140,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -159,13 +154,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -182,7 +175,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -196,9 +189,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -209,7 +200,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -223,9 +214,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -236,7 +225,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -247,13 +236,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -270,7 +257,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -284,9 +271,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -297,7 +282,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -311,13 +296,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -369,6 +352,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             >
               <div
                 class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
                 id="tab-terminal"
                 role="tab"
                 tabindex="0"
@@ -399,7 +383,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                     >
                       <i
                         class="Icon material interactive focusable small"
-                        id="tooltip_target_58"
                         tabindex="0"
                       >
                         <span
@@ -408,8 +391,10 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                         >
                           close
                         </span>
-                        <div />
                       </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -424,7 +409,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             >
               <i
                 class="Icon new-dock-tab material interactive focusable"
-                id="menu_actions_59"
+                id="menu-actions-for-dock"
                 tabindex="0"
               >
                 <span
@@ -433,12 +418,13 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                 >
                   add
                 </span>
-                <div />
               </i>
+              <div>
+                New tab
+              </div>
             </div>
             <i
               class="Icon material interactive focusable"
-              id="tooltip_target_61"
               tabindex="0"
             >
               <span
@@ -447,11 +433,12 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               >
                 fullscreen
               </span>
-              <div />
             </i>
+            <div>
+              Fit to window
+            </div>
             <i
               class="Icon material interactive focusable"
-              id="tooltip_target_62"
               tabindex="0"
             >
               <span
@@ -460,21 +447,23 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               >
                 keyboard_arrow_up
               </span>
-              <div />
             </i>
+            <div>
+              Open
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
 </div>
 `;
 
 exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissions renders 1`] = `
 <div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
   <div
     class="mainLayout"
     style="--sidebar-width: 200px;"
@@ -509,7 +498,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-cluster-overview"
               href="/"
             >
@@ -520,9 +509,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Cluster
               </span>
             </a>
@@ -533,7 +520,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-nodes"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-nodes"
               href="/"
             >
@@ -544,9 +531,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Nodes
               </span>
             </a>
@@ -557,7 +542,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-workloads"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -568,13 +553,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -591,7 +574,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -605,9 +588,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -618,7 +599,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -632,13 +613,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -655,7 +634,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -669,9 +648,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -682,7 +659,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -696,9 +673,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -709,7 +684,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -720,13 +695,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -743,7 +716,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -757,9 +730,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -770,7 +741,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -784,13 +755,11 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -849,6 +818,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             >
               <div
                 class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
                 id="tab-terminal"
                 role="tab"
                 tabindex="0"
@@ -879,7 +849,6 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                     >
                       <i
                         class="Icon material interactive focusable small"
-                        id="tooltip_target_16"
                         tabindex="0"
                       >
                         <span
@@ -888,8 +857,10 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                         >
                           close
                         </span>
-                        <div />
                       </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -904,7 +875,7 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
             >
               <i
                 class="Icon new-dock-tab material interactive focusable"
-                id="menu_actions_17"
+                id="menu-actions-for-dock"
                 tabindex="0"
               >
                 <span
@@ -913,12 +884,13 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
                 >
                   add
                 </span>
-                <div />
               </i>
+              <div>
+                New tab
+              </div>
             </div>
             <i
               class="Icon material interactive focusable"
-              id="tooltip_target_19"
               tabindex="0"
             >
               <span
@@ -927,11 +899,12 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               >
                 fullscreen
               </span>
-              <div />
             </i>
+            <div>
+              Fit to window
+            </div>
             <i
               class="Icon material interactive focusable"
-              id="tooltip_target_20"
               tabindex="0"
             >
               <span
@@ -940,21 +913,23 @@ exports[`<ClusterFrame /> given cluster with list nodes and namespaces permissio
               >
                 keyboard_arrow_up
               </span>
-              <div />
             </i>
+            <div>
+              Open
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
 </div>
 `;
 
 exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces permissions renders 1`] = `
 <div>
+  <div
+    class="Notifications flex column align-flex-end"
+  />
   <div
     class="mainLayout"
     style="--sidebar-width: 200px;"
@@ -989,7 +964,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
           >
             <a
               aria-current="page"
-              class="nav-item flex gaps align-center expandable active"
+              class="navItem active"
               data-testid="sidebar-item-link-for-workloads"
               href="/"
             >
@@ -1000,13 +975,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Workloads
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1023,7 +996,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-config"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-config"
               href="/"
             >
@@ -1037,9 +1010,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   list
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Config
               </span>
             </a>
@@ -1050,7 +1021,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-network"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-network"
               href="/"
             >
@@ -1064,13 +1035,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   device_hub
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Network
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1087,7 +1056,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-storage"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-storage"
               href="/"
             >
@@ -1101,9 +1070,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   storage
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Storage
               </span>
             </a>
@@ -1114,7 +1081,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-namespaces"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-namespaces"
               href="/"
             >
@@ -1128,9 +1095,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   layers
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Namespaces
               </span>
             </a>
@@ -1141,7 +1106,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-helm"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-helm"
               href="/"
             >
@@ -1152,13 +1117,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   class="icon"
                 />
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Helm
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1175,7 +1138,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-user-management"
           >
             <a
-              class="nav-item flex gaps align-center"
+              class="navItem"
               data-testid="sidebar-item-link-for-user-management"
               href="/"
             >
@@ -1189,9 +1152,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   security
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Access Control
               </span>
             </a>
@@ -1202,7 +1163,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             data-testid="sidebar-item-custom-resources"
           >
             <a
-              class="nav-item flex gaps align-center expandable"
+              class="navItem"
               data-testid="sidebar-item-link-for-custom-resources"
               href="/"
             >
@@ -1216,13 +1177,11 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                   extension
                 </span>
               </i>
-              <span
-                class="link-text box grow"
-              >
+              <span>
                 Custom Resources
               </span>
               <i
-                class="Icon expand-icon box right material focusable"
+                class="Icon expandIcon material focusable"
               >
                 <span
                   class="icon"
@@ -1266,6 +1225,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
         <main>
           <div
             class="WorkloadsOverview flex column gaps"
+            data-testid="page-for-workloads-overview"
           >
             <div
               class="header flex gaps align-center"
@@ -1275,7 +1235,10 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               >
                 Overview
               </h5>
-              <div>
+              <div
+                class="NamespaceSelectFilterParent"
+                data-testid="namespace-select-filter"
+              >
                 <div
                   class="Select theme-dark NamespaceSelect NamespaceSelectFilter css-b62m3t-container"
                 >
@@ -1385,6 +1348,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             >
               <div
                 class="Tab flex gaps align-center DockTab TerminalTab active"
+                data-testid="dock-tab-for-terminal"
                 id="tab-terminal"
                 role="tab"
                 tabindex="0"
@@ -1415,7 +1379,6 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                     >
                       <i
                         class="Icon material interactive focusable small"
-                        id="tooltip_target_98"
                         tabindex="0"
                       >
                         <span
@@ -1424,8 +1387,10 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                         >
                           close
                         </span>
-                        <div />
                       </i>
+                      <div>
+                        Close ⌘+W
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -1440,7 +1405,7 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
             >
               <i
                 class="Icon new-dock-tab material interactive focusable"
-                id="menu_actions_99"
+                id="menu-actions-for-dock"
                 tabindex="0"
               >
                 <span
@@ -1449,12 +1414,13 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
                 >
                   add
                 </span>
-                <div />
               </i>
+              <div>
+                New tab
+              </div>
             </div>
             <i
               class="Icon material interactive focusable"
-              id="tooltip_target_101"
               tabindex="0"
             >
               <span
@@ -1463,11 +1429,12 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               >
                 fullscreen
               </span>
-              <div />
             </i>
+            <div>
+              Fit to window
+            </div>
             <i
               class="Icon material interactive focusable"
-              id="tooltip_target_102"
               tabindex="0"
             >
               <span
@@ -1476,15 +1443,14 @@ exports[`<ClusterFrame /> given cluster without list nodes, but with namespaces
               >
                 keyboard_arrow_up
               </span>
-              <div />
             </i>
+            <div>
+              Open
+            </div>
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div
-    class="Notifications flex column align-flex-end"
-  />
 </div>
 `;
diff --git a/src/renderer/frames/cluster-frame/cluster-frame-child-component-injection-token.ts b/src/renderer/frames/cluster-frame/cluster-frame-child-component-injection-token.ts
new file mode 100644
index 0000000000..c4cbdfab23
--- /dev/null
+++ b/src/renderer/frames/cluster-frame/cluster-frame-child-component-injection-token.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+
+export interface ClusterFrameChildComponent {
+  id: string;
+  Component: React.ElementType;
+  shouldRender: IComputedValue<boolean>;
+}
+
+export const clusterFrameChildComponentInjectionToken = getInjectionToken<ClusterFrameChildComponent>({
+  id: "cluster-frame-child-component",
+});
diff --git a/src/renderer/frames/cluster-frame/cluster-frame-layout-child-component.injectable.tsx b/src/renderer/frames/cluster-frame/cluster-frame-layout-child-component.injectable.tsx
new file mode 100644
index 0000000000..3f1f5c4a03
--- /dev/null
+++ b/src/renderer/frames/cluster-frame/cluster-frame-layout-child-component.injectable.tsx
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import { getInjectable } from "@ogre-tools/injectable";
+import { clusterFrameChildComponentInjectionToken } from "./cluster-frame-child-component-injection-token";
+import { MainLayout } from "../../components/layout/main-layout";
+import { Sidebar } from "../../components/layout/sidebar";
+import { Dock } from "../../components/dock";
+import styles from "./cluster-frame.module.css";
+import { computed } from "mobx";
+import currentRouteComponentInjectable from "../../routes/current-route-component.injectable";
+import { Redirect } from "react-router";
+import startUrlInjectable from "./start-url.injectable";
+import currentPathInjectable from "../../routes/current-path.injectable";
+import { observer } from "mobx-react";
+
+const clusterFrameLayoutChildComponentInjectable = getInjectable({
+  id: "cluster-frame-layout-child-component",
+
+  instantiate: (di) => {
+    const currentRouteComponent = di.inject(currentRouteComponentInjectable);
+    const startUrl = di.inject(startUrlInjectable);
+    const currentPath = di.inject(currentPathInjectable);
+
+    return {
+      id: "cluster-frame-layout",
+
+      shouldRender: computed(() => true),
+
+      Component: observer(() => {
+        const Component = currentRouteComponent.get();
+        const starting = startUrl.get();
+        const current = currentPath.get();
+
+        return (
+          <MainLayout sidebar={<Sidebar />} footer={<Dock />}>
+            {Component ? (
+              <Component />
+            ) : // NOTE: this check is to prevent an infinite loop
+              starting !== current ? (
+                <Redirect to={startUrl.get()} />
+              ) : (
+                <div className={styles.centering}>
+                  <div className="error">
+                    An error has occured. No route can be found matching the
+                    current route, which is also the starting route.
+                  </div>
+                </div>
+              )}
+          </MainLayout>
+        );
+      }),
+    };
+  },
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+});
+
+export default clusterFrameLayoutChildComponentInjectable;
diff --git a/src/renderer/frames/cluster-frame/cluster-frame.tsx b/src/renderer/frames/cluster-frame/cluster-frame.tsx
index 73a47c43aa..d1ce64683f 100755
--- a/src/renderer/frames/cluster-frame/cluster-frame.tsx
+++ b/src/renderer/frames/cluster-frame/cluster-frame.tsx
@@ -2,51 +2,31 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import styles from "./cluster-frame.module.css";
 import React, { useEffect } from "react";
-import type { IComputedValue } from "mobx";
-import { observer } from "mobx-react";
-import { Redirect } from "react-router";
-import { ConfirmDialog } from "../../components/confirm-dialog";
-import { DeploymentScaleDialog } from "../../components/+workloads-deployments/scale/dialog";
-import { CronJobTriggerDialog } from "../../components/+workloads-cronjobs/cronjob-trigger-dialog";
-import { StatefulSetScaleDialog } from "../../components/+workloads-statefulsets/scale/dialog";
-import { ReplicaSetScaleDialog } from "../../components/+workloads-replicasets/scale-dialog/dialog";
-import { CommandContainer } from "../../components/command-palette/command-container";
+import { Observer, observer } from "mobx-react";
 import { ErrorBoundary } from "../../components/error-boundary";
-import { MainLayout } from "../../components/layout/main-layout";
-import { Notifications } from "../../components/notifications";
-import { KubeObjectDetails } from "../../components/kube-object-details";
-import { KubeConfigDialog } from "../../components/kubeconfig-dialog";
-import { Sidebar } from "../../components/layout/sidebar";
-import { Dock } from "../../components/dock";
-import { watchHistoryState } from "../../remote-helpers/history-updater";
-import { PortForwardDialog } from "../../port-forward";
-import { DeleteClusterDialog } from "../../components/delete-cluster-dialog";
 import type { NamespaceStore } from "../../components/+namespaces/store";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import namespaceStoreInjectable  from "../../components/+namespaces/store.injectable";
 import type { SubscribeStores } from "../../kube-watch-api/kube-watch-api";
 import { disposer } from "../../utils";
-import currentRouteComponentInjectable from "../../routes/current-route-component.injectable";
-import startUrlInjectable from "./start-url.injectable";
 import subscribeStoresInjectable from "../../kube-watch-api/subscribe-stores.injectable";
-import currentPathInjectable from "../../routes/current-path.injectable";
+import type { ClusterFrameChildComponent } from "./cluster-frame-child-component-injection-token";
+import { clusterFrameChildComponentInjectionToken } from "./cluster-frame-child-component-injection-token";
+import watchHistoryStateInjectable from "../../remote-helpers/watch-history-state.injectable";
 
 interface Dependencies {
   namespaceStore: NamespaceStore;
-  currentRouteComponent: IComputedValue<React.ElementType<{}> | undefined>;
-  startUrl: IComputedValue<string>;
   subscribeStores: SubscribeStores;
-  currentPath: IComputedValue<string>;
+  childComponents: ClusterFrameChildComponent[];
+  watchHistoryState: () => () => void;
 }
 
 export const NonInjectedClusterFrame = observer(({
   namespaceStore,
-  currentRouteComponent,
-  startUrl,
   subscribeStores,
-  currentPath,
+  childComponents,
+  watchHistoryState,
 }: Dependencies) => {
   useEffect(() => disposer(
     subscribeStores([
@@ -55,43 +35,14 @@ export const NonInjectedClusterFrame = observer(({
     watchHistoryState(),
   ), []);
 
-  const Component = currentRouteComponent.get();
-  const starting = startUrl.get();
-  const current = currentPath.get();
-
   return (
     <ErrorBoundary>
-      <MainLayout
-        sidebar={<Sidebar />}
-        footer={<Dock />}
-      >
-        {
-          Component
-            ? <Component />
-            // NOTE: this check is to prevent an infinite loop
-            : starting !== current
-              ? <Redirect to={startUrl.get()} />
-              : (
-                <div className={styles.centering}>
-                  <div className="error">
-                    An error has occured. No route can be found matching the current route, which is also the starting route.
-                  </div>
-                </div>
-              )
-        }
-      </MainLayout>
-
-      <Notifications />
-      <ConfirmDialog />
-      <KubeObjectDetails />
-      <KubeConfigDialog />
-      <DeploymentScaleDialog />
-      <StatefulSetScaleDialog />
-      <ReplicaSetScaleDialog />
-      <CronJobTriggerDialog />
-      <PortForwardDialog />
-      <DeleteClusterDialog />
-      <CommandContainer />
+      {childComponents
+        .map((child) => (
+          <Observer key={child.id}>
+            {() => (child.shouldRender.get() ? <child.Component /> : null) }
+          </Observer>
+        ))}
     </ErrorBoundary>
   );
 });
@@ -100,9 +51,8 @@ export const ClusterFrame = withInjectables<Dependencies>(NonInjectedClusterFram
   getProps: di => ({
     namespaceStore: di.inject(namespaceStoreInjectable),
     subscribeStores: di.inject(subscribeStoresInjectable),
-    startUrl: di.inject(startUrlInjectable),
-    currentRouteComponent: di.inject(currentRouteComponentInjectable),
-    currentPath: di.inject(currentPathInjectable),
+    childComponents: di.injectMany(clusterFrameChildComponentInjectionToken),
+    watchHistoryState: di.inject(watchHistoryStateInjectable),
   }),
 });
 
diff --git a/src/renderer/frames/root-frame/root-frame-child-component-injection-token.ts b/src/renderer/frames/root-frame/root-frame-child-component-injection-token.ts
new file mode 100644
index 0000000000..5f9aca7c38
--- /dev/null
+++ b/src/renderer/frames/root-frame/root-frame-child-component-injection-token.ts
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import { getInjectionToken } from "@ogre-tools/injectable";
+import type { IComputedValue } from "mobx";
+
+export interface RootFrameChildComponent {
+  id: string;
+  Component: React.ElementType;
+  shouldRender: IComputedValue<boolean>;
+}
+
+export const rootFrameChildComponentInjectionToken = getInjectionToken<RootFrameChildComponent>({
+  id: "root-frame-child-component",
+});
diff --git a/src/renderer/frames/root-frame/root-frame.tsx b/src/renderer/frames/root-frame/root-frame.tsx
index 6cb4d016c5..21d3600ea8 100644
--- a/src/renderer/frames/root-frame/root-frame.tsx
+++ b/src/renderer/frames/root-frame/root-frame.tsx
@@ -3,25 +3,18 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import { injectSystemCAs } from "../../../common/system-ca";
 import React from "react";
-import { observer } from "mobx-react";
-import { ClusterManager } from "../../components/cluster-manager";
-import { ErrorBoundary } from "../../components/error-boundary";
-import { Notifications } from "../../components/notifications";
-import { ConfirmDialog } from "../../components/confirm-dialog";
-import { CommandContainer } from "../../components/command-palette/command-container";
+import { Observer } from "mobx-react";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import broadcastThatRootFrameIsRenderedInjectable from "./broadcast-that-root-frame-is-rendered.injectable";
-
-// Todo: remove import-time side-effect.
-injectSystemCAs();
+import type { RootFrameChildComponent } from "./root-frame-child-component-injection-token";
+import { rootFrameChildComponentInjectionToken } from "./root-frame-child-component-injection-token";
 
 interface Dependencies {
   broadcastThatRootFrameIsRendered: () => void;
+  childComponents: RootFrameChildComponent[];
 }
 
-@observer
 class NonInjectedRootFrame extends React.Component<Dependencies> {
   static displayName = "RootFrame";
 
@@ -32,12 +25,12 @@ class NonInjectedRootFrame extends React.Component<Dependencies> {
   render() {
     return (
       <>
-        <ErrorBoundary>
-          <ClusterManager />
-        </ErrorBoundary>
-        <Notifications />
-        <ConfirmDialog />
-        <CommandContainer />
+        {this.props.childComponents
+          .map((child) => (
+            <Observer key={child.id}>
+              {() => (child.shouldRender.get() ? <child.Component /> : null) }
+            </Observer>
+          ))}
       </>
     );
   }
@@ -49,6 +42,7 @@ export const RootFrame = withInjectables<Dependencies>(
   {
     getProps: (di, props) => ({
       broadcastThatRootFrameIsRendered: di.inject(broadcastThatRootFrameIsRenderedInjectable),
+      childComponents: di.injectMany(rootFrameChildComponentInjectionToken),
       ...props,
     }),
   },
diff --git a/src/renderer/frames/root-frame/setup-system-ca.injectable.ts b/src/renderer/frames/root-frame/setup-system-ca.injectable.ts
new file mode 100644
index 0000000000..ca913a4371
--- /dev/null
+++ b/src/renderer/frames/root-frame/setup-system-ca.injectable.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { injectSystemCAs } from "../../../common/system-ca";
+import { getInjectable } from "@ogre-tools/injectable";
+import { beforeFrameStartsInjectionToken } from "../../before-frame-starts/before-frame-starts-injection-token";
+
+const setupSystemCaInjectable = getInjectable({
+  id: "setup-system-ca",
+
+  instantiate: () => ({
+    run: async () => {
+      await injectSystemCAs();
+    },
+  }),
+
+  causesSideEffects: true,
+
+  injectionToken: beforeFrameStartsInjectionToken,
+});
+
+export default setupSystemCaInjectable;
diff --git a/src/renderer/getDi.tsx b/src/renderer/getDi.tsx
index 3380d25c06..348c5e369b 100644
--- a/src/renderer/getDi.tsx
+++ b/src/renderer/getDi.tsx
@@ -6,23 +6,27 @@
 import { createContainer } from "@ogre-tools/injectable";
 import { autoRegister } from "@ogre-tools/injectable-extension-for-auto-registration";
 import { registerMobX } from "@ogre-tools/injectable-extension-for-mobx";
+import { runInAction } from "mobx";
 import { Environments, setLegacyGlobalDiForExtensionApi } from "../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
 
 export const getDi = () => {
   const di = createContainer("renderer");
 
-  registerMobX(di);
-
-  autoRegister({
-    di,
-    requireContexts: [
-      require.context("./", true, /\.injectable\.(ts|tsx)$/),
-      require.context("../common", true, /\.injectable\.(ts|tsx)$/),
-      require.context("../extensions", true, /\.injectable\.(ts|tsx)$/),
-    ],
-  });
-
   setLegacyGlobalDiForExtensionApi(di, Environments.renderer);
 
+  runInAction(() => {
+    registerMobX(di);
+
+    autoRegister({
+      di,
+      requireContexts: [
+        require.context("./", true, /\.injectable\.(ts|tsx)$/),
+        require.context("../common", true, /\.injectable\.(ts|tsx)$/),
+        require.context("../extensions", true, /\.injectable\.(ts|tsx)$/),
+        require.context("../features", true, /.*\/(renderer|common)\/.*\.injectable\.(ts|tsx)$/),
+      ],
+    });
+  });
+
   return di;
 };
diff --git a/src/renderer/getDiForUnitTesting.tsx b/src/renderer/getDiForUnitTesting.tsx
index 2f030c8ab9..469de713b0 100644
--- a/src/renderer/getDiForUnitTesting.tsx
+++ b/src/renderer/getDiForUnitTesting.tsx
@@ -3,11 +3,8 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import glob from "glob";
-import { memoize, noop } from "lodash/fp";
-import type {
-  DiContainer,
-  Injectable } from "@ogre-tools/injectable";
+import { noop, chunk } from "lodash/fp";
+import type { DiContainer, Injectable } from "@ogre-tools/injectable";
 import {
   createContainer,
 } from "@ogre-tools/injectable";
@@ -21,9 +18,6 @@ import extensionsStoreInjectable from "../extensions/extensions-store/extensions
 import type { ExtensionsStore } from "../extensions/extensions-store/extensions-store";
 import fileSystemProvisionerStoreInjectable from "../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store.injectable";
 import type { FileSystemProvisionerStore } from "../extensions/extension-loader/file-system-provisioner-store/file-system-provisioner-store";
-import clusterStoreInjectable from "../common/cluster-store/cluster-store.injectable";
-import type { ClusterStore } from "../common/cluster-store/cluster-store";
-import type { Cluster } from "../common/cluster/cluster";
 import userStoreInjectable from "../common/user-store/user-store.injectable";
 import type { UserStore } from "../common/user-store";
 import getAbsolutePathInjectable from "../common/path/get-absolute-path.injectable";
@@ -38,13 +32,10 @@ import { ApiManager } from "../common/k8s-api/api-manager";
 import lensResourcesDirInjectable from "../common/vars/lens-resources-dir.injectable";
 import broadcastMessageInjectable from "../common/ipc/broadcast-message.injectable";
 import apiManagerInjectable from "../common/k8s-api/api-manager/manager.injectable";
-import ipcRendererInjectable from "./utils/channel/ipc-renderer.injectable";
-import type { IpcRenderer } from "electron";
 import setupOnApiErrorListenersInjectable from "./api/setup-on-api-errors.injectable";
-import { observable } from "mobx";
+import { observable, computed, runInAction } from "mobx";
 import defaultShellInjectable from "./components/+preferences/default-shell.injectable";
-import appVersionInjectable from "../common/get-configuration-file-model/app-version/app-version.injectable";
-import provideInitialValuesForSyncBoxesInjectable from "./utils/sync-box/provide-initial-values-for-sync-boxes.injectable";
+import appVersionInjectable from "../common/vars/app-version.injectable";
 import requestAnimationFrameInjectable from "./components/animate/request-animation-frame.injectable";
 import getRandomIdInjectable from "../common/utils/get-random-id.injectable";
 import getFilePathsInjectable from "./components/+preferences/kubernetes/helm-charts/adding-of-custom-helm-repository/helm-file-input/get-file-paths.injectable";
@@ -52,30 +43,65 @@ import callForPublicHelmRepositoriesInjectable from "./components/+preferences/k
 import platformInjectable from "../common/vars/platform.injectable";
 import startTopbarStateSyncInjectable from "./components/layout/top-bar/start-state-sync.injectable";
 import { registerMobX } from "@ogre-tools/injectable-extension-for-mobx";
+import watchHistoryStateInjectable from "./remote-helpers/watch-history-state.injectable";
+import openAppContextMenuInjectable from "./components/layout/top-bar/open-app-context-menu.injectable";
+import goBackInjectable from "./components/layout/top-bar/go-back.injectable";
+import goForwardInjectable from "./components/layout/top-bar/go-forward.injectable";
+import closeWindowInjectable from "./components/layout/top-bar/close-window.injectable";
+import maximizeWindowInjectable from "./components/layout/top-bar/maximize-window.injectable";
+import toggleMaximizeWindowInjectable from "./components/layout/top-bar/toggle-maximize-window.injectable";
+import type { HotbarStore } from "../common/hotbars/store";
+import cronJobTriggerDialogClusterFrameChildComponentInjectable from "./components/+workloads-cronjobs/cron-job-trigger-dialog-cluster-frame-child-component.injectable";
+import deploymentScaleDialogClusterFrameChildComponentInjectable from "./components/+workloads-deployments/scale/deployment-scale-dialog-cluster-frame-child-component.injectable";
+import replicasetScaleDialogClusterFrameChildComponentInjectable from "./components/+workloads-replicasets/scale-dialog/replicaset-scale-dialog-cluster-frame-child-component.injectable";
+import statefulsetScaleDialogClusterFrameChildComponentInjectable from "./components/+workloads-statefulsets/scale/statefulset-scale-dialog-cluster-frame-child-component.injectable";
+import deleteClusterDialogClusterFrameChildComponentInjectable from "./components/delete-cluster-dialog/delete-cluster-dialog-cluster-frame-child-component.injectable";
+import kubeObjectDetailsClusterFrameChildComponentInjectable from "./components/kube-object-details/kube-object-details-cluster-frame-child-component.injectable";
+import kubeconfigDialogClusterFrameChildComponentInjectable from "./components/kubeconfig-dialog/kubeconfig-dialog-cluster-frame-child-component.injectable";
+import portForwardDialogClusterFrameChildComponentInjectable from "./port-forward/port-forward-dialog-cluster-frame-child-component.injectable";
+import setupSystemCaInjectable from "./frames/root-frame/setup-system-ca.injectable";
+import extensionShouldBeEnabledForClusterFrameInjectable from "./extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
+import { asyncComputed } from "@ogre-tools/injectable-react";
+import forceUpdateModalRootFrameComponentInjectable from "./application-update/force-update-modal/force-update-modal-root-frame-component.injectable";
+import legacyOnChannelListenInjectable from "./ipc/legacy-channel-listen.injectable";
+import getEntitySettingCommandsInjectable from "./components/command-palette/registered-commands/get-entity-setting-commands.injectable";
+import storageSaveDelayInjectable from "./utils/create-storage/storage-save-delay.injectable";
+import type { GlobalOverride } from "../common/test-utils/get-global-override";
 
-export const getDiForUnitTesting = (opts: { doGeneralOverrides?: boolean } = {}) => {
-  const {
-    doGeneralOverrides = false,
-  } = opts;
+export const getDiForUnitTesting = (
+  opts: { doGeneralOverrides?: boolean } = {},
+) => {
+  const { doGeneralOverrides = false } = opts;
 
   const di = createContainer("renderer");
 
-  registerMobX(di);
+  di.preventSideEffects();
 
   setLegacyGlobalDiForExtensionApi(di, Environments.renderer);
 
-  for (const filePath of getInjectableFilePaths()) {
-    const injectableInstance = require(filePath).default;
+  const injectables: Injectable<any, any, any>[] = (
+      global as any
+  ).rendererInjectablePaths.map(
+    (filePath: string) => require(filePath).default,
+  );
 
-    di.register({
-      ...injectableInstance,
-      aliases: [injectableInstance, ...(injectableInstance.aliases || [])],
+  runInAction(() => {
+    registerMobX(di);
+
+    chunk(100)(injectables).forEach((chunkInjectables) => {
+      di.register(...chunkInjectables);
     });
-  }
-
-  di.preventSideEffects();
+  });
 
   if (doGeneralOverrides) {
+    const globalOverrides: GlobalOverride[] = (global as any).rendererGlobalOverridePaths.map(
+      (filePath: string) => require(filePath).default,
+    );
+
+    globalOverrides.forEach(globalOverride => {
+      di.override(globalOverride.injectable, globalOverride.overridingInstantiate);
+    });
+
     di.override(getRandomIdInjectable, () => () => "some-irrelevant-random-id");
     di.override(platformInjectable, () => "darwin");
     di.override(startTopbarStateSyncInjectable, () => ({
@@ -91,15 +117,54 @@ export const getDiForUnitTesting = (opts: { doGeneralOverrides?: boolean } = {})
     di.override(appVersionInjectable, () => "1.0.0");
 
     di.override(historyInjectable, () => createMemoryHistory());
+    di.override(legacyOnChannelListenInjectable, () => () => noop);
+
+    di.override(storageSaveDelayInjectable, () => 0);
 
     di.override(requestAnimationFrameInjectable, () => (callback) => callback());
-
     di.override(lensResourcesDirInjectable, () => "/irrelevant");
 
-    di.override(ipcRendererInjectable, () => ({
-      invoke: () => {},
-      on: () => {},
-    }) as unknown as IpcRenderer);
+    // TODO: remove when entity settings registry is refactored
+    di.override(getEntitySettingCommandsInjectable, () => () => []);
+
+    di.override(forceUpdateModalRootFrameComponentInjectable, () => ({
+      id: "force-update-modal",
+      Component: () => null,
+      shouldRender: computed(() => false),
+    }));
+
+    // TODO: Remove after "LensRendererExtension.isEnabledForCluster" is removed
+    di.override(extensionShouldBeEnabledForClusterFrameInjectable, () =>
+      asyncComputed(async () => true, true),
+    );
+
+    // TODO: Remove side-effects and shared global state
+    const clusterFrameChildComponentInjectables: Injectable<any, any, any>[] = [
+      cronJobTriggerDialogClusterFrameChildComponentInjectable,
+      deploymentScaleDialogClusterFrameChildComponentInjectable,
+      replicasetScaleDialogClusterFrameChildComponentInjectable,
+      statefulsetScaleDialogClusterFrameChildComponentInjectable,
+      deleteClusterDialogClusterFrameChildComponentInjectable,
+      kubeObjectDetailsClusterFrameChildComponentInjectable,
+      kubeconfigDialogClusterFrameChildComponentInjectable,
+      portForwardDialogClusterFrameChildComponentInjectable,
+    ];
+
+    clusterFrameChildComponentInjectables.forEach((injectable) => {
+      di.override(injectable, () => ({
+        Component: () => null,
+        id: injectable.id,
+        shouldRender: computed(() => false),
+      }));
+    });
+
+    di.override(watchHistoryStateInjectable, () => () => () => {});
+    di.override(openAppContextMenuInjectable, () => () => {});
+    di.override(goBackInjectable, () => () => {});
+    di.override(goForwardInjectable, () => () => {});
+    di.override(closeWindowInjectable, () => () => {});
+    di.override(maximizeWindowInjectable, () => () => {});
+    di.override(toggleMaximizeWindowInjectable, () => () => {});
 
     overrideFunctionalInjectables(di, [
       broadcastMessageInjectable,
@@ -110,15 +175,15 @@ export const getDiForUnitTesting = (opts: { doGeneralOverrides?: boolean } = {})
     // eslint-disable-next-line unused-imports/no-unused-vars-ts
     di.override(extensionsStoreInjectable, () => ({ isEnabled: ({ id, isBundled }) => false }) as ExtensionsStore);
 
-    di.override(hotbarStoreInjectable, () => ({}));
+    di.override(hotbarStoreInjectable, () => ({
+      getActive: () => ({ name: "some-hotbar", items: [] }),
+      getDisplayIndex: () => "0",
+    }) as unknown as HotbarStore);
 
     di.override(fileSystemProvisionerStoreInjectable, () => ({}) as FileSystemProvisionerStore);
 
-    // eslint-disable-next-line unused-imports/no-unused-vars-ts
-    di.override(clusterStoreInjectable, () => ({ getById: (id): Cluster => ({}) as Cluster }) as ClusterStore);
-
+    di.override(setupSystemCaInjectable, () => ({ run: () => {} }));
     di.override(setupOnApiErrorListenersInjectable, () => ({ run: () => {} }));
-    di.override(provideInitialValuesForSyncBoxesInjectable, () => ({ run: () => {} }));
 
     di.override(defaultShellInjectable, () => "some-default-shell");
 
@@ -154,12 +219,6 @@ export const getDiForUnitTesting = (opts: { doGeneralOverrides?: boolean } = {})
   return di;
 };
 
-const getInjectableFilePaths = memoize(() => [
-  ...glob.sync("./**/*.injectable.{ts,tsx}", { cwd: __dirname }),
-  ...glob.sync("../common/**/*.injectable.{ts,tsx}", { cwd: __dirname }),
-  ...glob.sync("../extensions/**/*.injectable.{ts,tsx}", { cwd: __dirname }),
-]);
-
 const overrideFunctionalInjectables = (di: DiContainer, injectables: Injectable<any, any, any>[]) => {
   injectables.forEach(injectable => {
     di.override(injectable, () => () => {
diff --git a/src/renderer/initializers/index.ts b/src/renderer/initializers/index.ts
index b6b458a8eb..7653a6147a 100644
--- a/src/renderer/initializers/index.ts
+++ b/src/renderer/initializers/index.ts
@@ -7,6 +7,5 @@ export * from "./catalog-entity-detail-registry";
 export * from "./catalog";
 export * from "./entity-settings-registry";
 export * from "./ipc";
-export * from "./kube-object-detail-registry";
 export * from "./registries";
 export * from "./catalog-category-registry";
diff --git a/src/renderer/initializers/kube-object-detail-registry.tsx b/src/renderer/initializers/kube-object-detail-registry.tsx
deleted file mode 100644
index 1943341d68..0000000000
--- a/src/renderer/initializers/kube-object-detail-registry.tsx
+++ /dev/null
@@ -1,441 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import React from "react";
-import { KubeObjectDetailRegistry } from "../api/kube-object-detail-registry";
-import type { HpaDetailsProps } from "../components/+config-autoscalers";
-import { HpaDetails } from "../components/+config-autoscalers";
-import { LimitRangeDetails } from "../components/+config-limit-ranges";
-import { ConfigMapDetails } from "../components/+config-maps";
-import { PodDisruptionBudgetDetails } from "../components/+config-pod-disruption-budgets";
-import { ResourceQuotaDetails } from "../components/+config-resource-quotas";
-import { SecretDetails } from "../components/+config-secrets";
-import { CRDDetails } from "../components/+custom-resources";
-import { EventDetails } from "../components/+events";
-import { KubeEventDetails } from "../components/+events/kube-event-details";
-import { NamespaceDetails } from "../components/+namespaces";
-import { EndpointsDetails } from "../components/+network-endpoints";
-import { IngressDetails } from "../components/+network-ingresses";
-import { NetworkPolicyDetails } from "../components/+network-policies";
-import { ServiceDetails } from "../components/+network-services";
-import { NodeDetails } from "../components/+nodes/details";
-import { PodSecurityPolicyDetails } from "../components/+pod-security-policies";
-import { StorageClassDetails } from "../components/+storage-classes";
-import { PersistentVolumeClaimDetails } from "../components/+storage-volume-claims";
-import { PersistentVolumeDetails } from "../components/+storage-volumes";
-import { ClusterRoleDetails } from "../components/+user-management/+cluster-roles";
-import { ClusterRoleBindingDetails } from "../components/+user-management/+cluster-role-bindings";
-import { RoleDetails } from "../components/+user-management/+roles";
-import { RoleBindingDetails } from "../components/+user-management/+role-bindings";
-import { ServiceAccountsDetails } from "../components/+user-management/+service-accounts";
-import { CronJobDetails } from "../components/+workloads-cronjobs";
-import { DaemonSetDetails } from "../components/+workloads-daemonsets";
-import { DeploymentDetails } from "../components/+workloads-deployments";
-import { JobDetails } from "../components/+workloads-jobs";
-import { PodDetails } from "../components/+workloads-pods";
-import { ReplicaSetDetails } from "../components/+workloads-replicasets";
-import { StatefulSetDetails } from "../components/+workloads-statefulsets";
-import type { KubeObjectDetailsProps } from "../components/kube-object-details";
-
-export function initKubeObjectDetailRegistry() {
-  const registry = KubeObjectDetailRegistry.getInstance();
-
-  registry.add({
-    kind: "HorizontalPodAutoscaler",
-    apiVersions: ["autoscaling/v2beta1"],
-    components: {
-      // Note: this line is left in the long form as a validation that this usecase is valid
-      Details: (props: HpaDetailsProps) => <HpaDetails {...props}/>,
-    },
-  });
-  registry.add({
-    kind: "HorizontalPodAutoscaler",
-    apiVersions: ["autoscaling/v2beta1"],
-    components: {
-      // Note: this line is left in the long form as a validation that this usecase is valid
-      Details: (props: HpaDetailsProps) => <HpaDetails {...props}/>,
-    },
-  });
-  registry.add({
-    kind: "HorizontalPodAutoscaler",
-    apiVersions: ["autoscaling/v2beta1"],
-    priority: 5,
-    components: {
-      // Note: this line is left in the long form as a validation that this usecase is valid
-      Details: (props: KubeObjectDetailsProps) => <KubeEventDetails {...props}/>,
-    },
-  });
-  registry.add({
-    kind: "LimitRange",
-    apiVersions: ["v1"],
-    components: {
-      Details: LimitRangeDetails,
-    },
-  });
-  registry.add({
-    kind: "ConfigMap",
-    apiVersions: ["v1"],
-    components: {
-      Details: ConfigMapDetails,
-    },
-  });
-  registry.add({
-    kind: "ConfigMap",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "PodDisruptionBudget",
-    apiVersions: ["policy/v1beta1"],
-    components: {
-      Details: PodDisruptionBudgetDetails,
-    },
-  });
-  registry.add({
-    kind: "ResourceQuota",
-    apiVersions: ["v1"],
-    components: {
-      Details: ResourceQuotaDetails,
-    },
-  });
-  registry.add({
-    kind: "Secret",
-    apiVersions: ["v1"],
-    components: {
-      Details: SecretDetails,
-    },
-  });
-  registry.add({
-    kind: "CustomResourceDefinition",
-    apiVersions: ["apiextensions.k8s.io/v1", "apiextensions.k8s.io/v1beta1"],
-    components: {
-      Details: CRDDetails,
-    },
-  });
-  registry.add({
-    kind: "Event",
-    apiVersions: ["v1"],
-    components: {
-      Details: EventDetails,
-    },
-  });
-  registry.add({
-    kind: "Namespace",
-    apiVersions: ["v1"],
-    components: {
-      Details: NamespaceDetails,
-    },
-  });
-  registry.add({
-    kind: "Endpoints",
-    apiVersions: ["v1"],
-    components: {
-      Details: EndpointsDetails,
-    },
-  });
-  registry.add({
-    kind: "Endpoints",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Ingress",
-    apiVersions: ["networking.k8s.io/v1", "extensions/v1beta1"],
-    components: {
-      Details: IngressDetails,
-    },
-  });
-  registry.add({
-    kind: "Ingress",
-    apiVersions: ["networking.k8s.io/v1", "extensions/v1beta1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "NetworkPolicy",
-    apiVersions: ["networking.k8s.io/v1"],
-    components: {
-      Details: NetworkPolicyDetails,
-    },
-  });
-  registry.add({
-    kind: "NetworkPolicy",
-    apiVersions: ["networking.k8s.io/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Service",
-    apiVersions: ["v1"],
-    components: {
-      Details: ServiceDetails,
-    },
-  });
-  registry.add({
-    kind: "Service",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Node",
-    apiVersions: ["v1"],
-    components: {
-      Details: NodeDetails,
-    },
-  });
-  registry.add({
-    kind: "Node",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "PodSecurityPolicy",
-    apiVersions: ["policy/v1beta1"],
-    components: {
-      Details: PodSecurityPolicyDetails,
-    },
-  });
-  registry.add({
-    kind: "StorageClass",
-    apiVersions: ["storage.k8s.io/v1"],
-    components: {
-      Details: StorageClassDetails,
-    },
-  });
-  registry.add({
-    kind: "StorageClass",
-    apiVersions: ["storage.k8s.io/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "PersistentVolumeClaim",
-    apiVersions: ["v1"],
-    components: {
-      Details: PersistentVolumeClaimDetails,
-    },
-  });
-  registry.add({
-    kind: "PersistentVolumeClaim",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "PersistentVolume",
-    apiVersions: ["v1"],
-    components: {
-      Details: PersistentVolumeDetails,
-    },
-  });
-  registry.add({
-    kind: "PersistentVolume",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Role",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    components: {
-      Details: RoleDetails,
-    },
-  });
-  registry.add({
-    kind: "Role",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "ClusterRole",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    components: {
-      Details: ClusterRoleDetails,
-    },
-  });
-  registry.add({
-    kind: "ClusterRole",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "RoleBinding",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    components: {
-      Details: RoleBindingDetails,
-    },
-  });
-  registry.add({
-    kind: "RoleBinding",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "ClusterRoleBinding",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    components: {
-      Details: ClusterRoleBindingDetails,
-    },
-  });
-  registry.add({
-    kind: "ClusterRoleBinding",
-    apiVersions: ["rbac.authorization.k8s.io/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "ServiceAccount",
-    apiVersions: ["v1"],
-    components: {
-      Details: ServiceAccountsDetails,
-    },
-  });
-  registry.add({
-    kind: "ServiceAccount",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "CronJob",
-    apiVersions: ["batch/v1beta1"],
-    components: {
-      Details: CronJobDetails,
-    },
-  });
-  registry.add({
-    kind: "CronJob",
-    apiVersions: ["batch/v1beta1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "DaemonSet",
-    apiVersions: ["apps/v1"],
-    components: {
-      Details: DaemonSetDetails,
-    },
-  });
-  registry.add({
-    kind: "DaemonSet",
-    apiVersions: ["apps/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Deployment",
-    apiVersions: ["apps/v1"],
-    components: {
-      Details: DeploymentDetails,
-    },
-  });
-  registry.add({
-    kind: "Deployment",
-    apiVersions: ["apps/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Job",
-    apiVersions: ["batch/v1"],
-    components: {
-      Details: JobDetails,
-    },
-  });
-  registry.add({
-    kind: "Job",
-    apiVersions: ["batch/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "Pod",
-    apiVersions: ["v1"],
-    components: {
-      Details: PodDetails,
-    },
-  });
-  registry.add({
-    kind: "Pod",
-    apiVersions: ["v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "ReplicaSet",
-    apiVersions: ["apps/v1"],
-    components: {
-      Details: ReplicaSetDetails,
-    },
-  });
-  registry.add({
-    kind: "ReplicaSet",
-    apiVersions: ["apps/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-  registry.add({
-    kind: "StatefulSet",
-    apiVersions: ["apps/v1"],
-    components: {
-      Details: StatefulSetDetails,
-    },
-  });
-  registry.add({
-    kind: "StatefulSet",
-    apiVersions: ["apps/v1"],
-    priority: 5,
-    components: {
-      Details: KubeEventDetails,
-    },
-  });
-}
diff --git a/src/renderer/initializers/registries.ts b/src/renderer/initializers/registries.ts
index 1caac13959..5db6be77f2 100644
--- a/src/renderer/initializers/registries.ts
+++ b/src/renderer/initializers/registries.ts
@@ -7,6 +7,5 @@ import * as registries from "../../extensions/registries";
 
 export function initRegistries() {
   registries.CatalogEntityDetailRegistry.createInstance();
-  registries.KubeObjectDetailRegistry.createInstance();
   registries.EntitySettingRegistry.createInstance();
 }
diff --git a/src/renderer/ipc/index.ts b/src/renderer/ipc/index.ts
index 5e204ef98b..48a005d536 100644
--- a/src/renderer/ipc/index.ts
+++ b/src/renderer/ipc/index.ts
@@ -4,7 +4,6 @@
  */
 
 import type { OpenDialogOptions } from "electron";
-import { ipcRenderer } from "electron";
 import { clusterActivateHandler, clusterClearDeletingHandler, clusterDeleteHandler, clusterDisconnectHandler, clusterKubectlApplyAllHandler, clusterKubectlDeleteAllHandler, clusterSetDeletingHandler, clusterSetFrameIdHandler, clusterStates } from "../../common/ipc/cluster";
 import type { ClusterId, ClusterState } from "../../common/cluster-types";
 import { windowActionHandleChannel, windowLocationChangedChannel, windowOpenAppMenuAsContextMenuChannel, type WindowAction } from "../../common/ipc/window";
@@ -14,12 +13,22 @@ import type { InstalledExtension } from "../../extensions/extension-discovery/ex
 import type { LensExtensionId } from "../../extensions/lens-extension";
 import { toJS } from "../utils";
 import type { Location } from "history";
+import { getLegacyGlobalDiForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/legacy-global-di-for-extension-api";
+import ipcRendererInjectable from "../utils/channel/ipc-renderer.injectable";
 
 function requestMain(channel: string, ...args: any[]) {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  const ipcRenderer = di.inject(ipcRendererInjectable);
+
   return ipcRenderer.invoke(channel, ...args.map(toJS));
 }
 
 function emitToMain(channel: string, ...args: any[]) {
+  const di = getLegacyGlobalDiForExtensionApi();
+
+  const ipcRenderer = di.inject(ipcRendererInjectable);
+
   return ipcRenderer.send(channel, ...args.map(toJS));
 }
 
diff --git a/src/renderer/kube-watch-api/kube-watch-api.ts b/src/renderer/kube-watch-api/kube-watch-api.ts
index c28ea2e794..95c0442fcb 100644
--- a/src/renderer/kube-watch-api/kube-watch-api.ts
+++ b/src/renderer/kube-watch-api/kube-watch-api.ts
@@ -5,11 +5,11 @@
 import { comparer, reaction } from "mobx";
 import type { Disposer } from "../../common/utils";
 import { disposer, getOrInsert, noop, WrappedAbortController } from "../../common/utils";
-import AbortController from "abort-controller";
 import { once } from "lodash";
 import type { ClusterFrameContext } from "../cluster-frame-context/cluster-frame-context";
 import logger from "../../common/logger";
 import type { KubeObjectStoreLoadAllParams, KubeObjectStoreSubscribeParams } from "../../common/k8s-api/kube-object.store";
+import AbortController from "abort-controller";
 
 // Kubernetes watch-api client
 // API: https://developer.mozilla.org/en-US/docs/Web/API/Streams_API/Using_readable_streams
diff --git a/src/renderer/kube-watch-api/subscribe-stores.global-override-for-injectable.ts b/src/renderer/kube-watch-api/subscribe-stores.global-override-for-injectable.ts
new file mode 100644
index 0000000000..711e9caa17
--- /dev/null
+++ b/src/renderer/kube-watch-api/subscribe-stores.global-override-for-injectable.ts
@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getGlobalOverride } from "../../common/test-utils/get-global-override";
+import subscribeStoresInjectable from "./subscribe-stores.injectable";
+
+export default getGlobalOverride(
+  subscribeStoresInjectable,
+  () => () => () => {},
+);
diff --git a/src/renderer/navigation/index.ts b/src/renderer/navigation/index.ts
index fc8fbc314f..efa63e34cf 100644
--- a/src/renderer/navigation/index.ts
+++ b/src/renderer/navigation/index.ts
@@ -5,7 +5,6 @@
 
 import { asLegacyGlobalFunctionForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/as-legacy-global-function-for-extension-api";
 import { asLegacyGlobalForExtensionApi } from "../../extensions/as-legacy-globals-for-extension-api/as-legacy-global-object-for-extension-api";
-import matchRouteInjectable from "./match-route.injectable";
 import navigateInjectable from "./navigate.injectable";
 import observableHistoryInjectable from "./observable-history.injectable";
 
@@ -21,9 +20,4 @@ export const navigation = asLegacyGlobalForExtensionApi(observableHistoryInjecta
  */
 export const navigate = asLegacyGlobalFunctionForExtensionApi(navigateInjectable);
 
-/**
- * @deprecated use `di.inject(matchRouteInjectable)` instead
- */
-export const matchRoute = asLegacyGlobalFunctionForExtensionApi(matchRouteInjectable);
-
 export * from "./page-param";
diff --git a/src/renderer/navigation/match-route.injectable.ts b/src/renderer/navigation/match-route.injectable.ts
index df079f335f..44518c3e09 100644
--- a/src/renderer/navigation/match-route.injectable.ts
+++ b/src/renderer/navigation/match-route.injectable.ts
@@ -7,7 +7,7 @@ import type { match, RouteProps } from "react-router";
 import { matchPath } from "react-router";
 import observableHistoryInjectable from "./observable-history.injectable";
 
-export type MatchRoute = <Params>(route: string | string[] | RouteProps) => match<Params> | null;
+export type MatchRoute = <Params extends { [K in keyof Params]?: string }>(route: string | string[] | RouteProps) => match<Params> | null;
 
 const matchRouteInjectable = getInjectable({
   id: "match-route",
diff --git a/src/renderer/port-forward/open-port-forward.injectable.ts b/src/renderer/port-forward/open-port-forward.injectable.ts
new file mode 100644
index 0000000000..587915779d
--- /dev/null
+++ b/src/renderer/port-forward/open-port-forward.injectable.ts
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import loggerInjectable from "../../common/logger.injectable";
+import openLinkInBrowserInjectable from "../../common/utils/open-link-in-browser.injectable";
+import showErrorNotificationInjectable from "../components/notifications/show-error-notification.injectable";
+import type { ForwardedPort } from "./port-forward-item";
+import { portForwardAddress } from "./port-forward-utils";
+
+export type OpenPortForward = (portForward: ForwardedPort) => void;
+
+const openPortForwardInjectable = getInjectable({
+  id: "open-port-forward",
+  instantiate: (di): OpenPortForward => {
+    const openLinkInBrowser = di.inject(openLinkInBrowserInjectable);
+    const showErrorNotification = di.inject(showErrorNotificationInjectable);
+    const logger = di.inject(loggerInjectable);
+
+    return (portForward) => {
+      const browseTo = portForwardAddress(portForward);
+
+      openLinkInBrowser(browseTo)
+        .catch(error => {
+          logger.error(`failed to open in browser: ${error}`, {
+            port: portForward.port,
+            kind: portForward.kind,
+            namespace: portForward.namespace,
+            name: portForward.name,
+          });
+          showErrorNotification(`Failed to open ${browseTo} in browser`);
+        });
+    };
+  },
+});
+
+export default openPortForwardInjectable;
diff --git a/src/renderer/port-forward/port-forward-dialog-cluster-frame-child-component.injectable.ts b/src/renderer/port-forward/port-forward-dialog-cluster-frame-child-component.injectable.ts
new file mode 100644
index 0000000000..01b1ae0f7e
--- /dev/null
+++ b/src/renderer/port-forward/port-forward-dialog-cluster-frame-child-component.injectable.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import { PortForwardDialog } from "./port-forward-dialog";
+import { clusterFrameChildComponentInjectionToken } from "../frames/cluster-frame/cluster-frame-child-component-injection-token";
+
+const portForwardDialogClusterFrameChildComponentInjectable = getInjectable({
+  id: "port-forward-dialog-cluster-frame-child-component",
+
+  instantiate: () => ({
+    id: "port-forward-dialog",
+    shouldRender: computed(() => true),
+    Component: PortForwardDialog,
+  }),
+
+  injectionToken: clusterFrameChildComponentInjectionToken,
+
+  causesSideEffects: true,
+});
+
+export default portForwardDialogClusterFrameChildComponentInjectable;
diff --git a/src/renderer/port-forward/port-forward-dialog.tsx b/src/renderer/port-forward/port-forward-dialog.tsx
index f5e66df294..692ec488ca 100644
--- a/src/renderer/port-forward/port-forward-dialog.tsx
+++ b/src/renderer/port-forward/port-forward-dialog.tsx
@@ -14,7 +14,6 @@ import { Wizard, WizardStep } from "../components/wizard";
 import { Input } from "../components/input";
 import { cssNames } from "../utils";
 import type { PortForwardStore } from "./port-forward-store/port-forward-store";
-import { openPortForward } from "./port-forward-utils";
 import { Checkbox } from "../components/checkbox";
 import { withInjectables } from "@ogre-tools/injectable-react";
 import type { PortForwardDialogData, PortForwardDialogModel } from "./port-forward-dialog-model/port-forward-dialog-model";
@@ -23,6 +22,8 @@ import logger from "../../common/logger";
 import portForwardStoreInjectable from "./port-forward-store/port-forward-store.injectable";
 import aboutPortForwardingInjectable from "./about-port-forwarding.injectable";
 import notifyErrorPortForwardingInjectable from "./notify-error-port-forwarding.injectable";
+import type { OpenPortForward } from "./open-port-forward.injectable";
+import openPortForwardInjectable from "./open-port-forward.injectable";
 
 export interface PortForwardDialogProps extends Partial<DialogProps> {}
 
@@ -31,6 +32,7 @@ interface Dependencies {
   model: PortForwardDialogModel;
   aboutPortForwarding: () => void;
   notifyErrorPortForwarding: (message: string) => void;
+  openPortForward: OpenPortForward;
 }
 
 @observer
@@ -89,7 +91,7 @@ class NonInjectedPortForwardDialog extends Component<PortForwardDialogProps & De
       }
 
       if (portForward.status === "Active" && data.openInBrowser) {
-        openPortForward(portForward);
+        this.props.openPortForward(portForward);
       }
     } catch (error) {
       logger.error(`[PORT-FORWARD-DIALOG]: ${error}`, portForward);
@@ -127,6 +129,7 @@ class NonInjectedPortForwardDialog extends Component<PortForwardDialogProps & De
                 value={this.desiredPort === 0 ? "" : String(this.desiredPort)}
                 placeholder={"Random"}
                 onChange={this.changePort}
+                autoFocus
               />
             </div>
             <Checkbox
@@ -176,6 +179,7 @@ export const PortForwardDialog = withInjectables<Dependencies, PortForwardDialog
       model: di.inject(portForwardDialogModelInjectable),
       aboutPortForwarding: di.inject(aboutPortForwardingInjectable),
       notifyErrorPortForwarding: di.inject(notifyErrorPortForwardingInjectable),
+      openPortForward: di.inject(openPortForwardInjectable),
       ...props,
     }),
   },
diff --git a/src/renderer/port-forward/port-forward-notify.tsx b/src/renderer/port-forward/port-forward-notify.tsx
index 40dc295602..ed768ca13e 100644
--- a/src/renderer/port-forward/port-forward-notify.tsx
+++ b/src/renderer/port-forward/port-forward-notify.tsx
@@ -5,9 +5,9 @@
 
 import React from "react";
 import { Button } from "../components/button";
-import type { NotificationsStore } from "../components/notifications";
 import { Notifications } from "../components/notifications";
 import type { NavigateToPortForwards } from "../../common/front-end-routing/routes/cluster/network/port-forwards/navigate-to-port-forwards.injectable";
+import type { NotificationsStore } from "../components/notifications/notifications.store";
 
 interface AboutPortForwardingDependencies {
   navigateToPortForwards: NavigateToPortForwards;
diff --git a/src/renderer/port-forward/port-forward-utils.ts b/src/renderer/port-forward/port-forward-utils.ts
index 78570f9fce..e7be61b334 100644
--- a/src/renderer/port-forward/port-forward-utils.ts
+++ b/src/renderer/port-forward/port-forward-utils.ts
@@ -3,34 +3,12 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-
-import { openBrowser } from "../utils";
-import { Notifications } from "../components/notifications";
 import type { ForwardedPort } from "./port-forward-item";
-import logger from "../../common/logger";
 
 export function portForwardAddress(portForward: ForwardedPort) {
   return `${portForward.protocol ?? "http"}://localhost:${portForward.forwardPort}`;
 }
 
-export function openPortForward(portForward: ForwardedPort) {
-  const browseTo = portForwardAddress(portForward);
-
-  openBrowser(browseTo)
-    .catch(error => {
-      logger.error(`failed to open in browser: ${error}`, {
-        port: portForward.port,
-        kind: portForward.kind,
-        namespace: portForward.namespace,
-        name: portForward.name,
-      });
-      Notifications.error(`Failed to open ${browseTo} in browser`);
-    },
-    );
-
-}
-
 export function predictProtocol(name: string | undefined) {
   return name === "https" ? "https" : "http";
 }
-
diff --git a/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable.ts b/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable.ts
index 9aa3df8a0a..a3d85e86db 100644
--- a/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable.ts
+++ b/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.injectable.ts
@@ -5,8 +5,8 @@
 import { getInjectable } from "@ogre-tools/injectable";
 import extensionLoaderInjectable from "../../../extensions/extension-loader/extension-loader.injectable";
 import { LensProtocolRouterRenderer } from "./lens-protocol-router-renderer";
-import extensionsStoreInjectable
-  from "../../../extensions/extensions-store/extensions-store.injectable";
+import extensionsStoreInjectable from "../../../extensions/extensions-store/extensions-store.injectable";
+import loggerInjectable from "../../../common/logger.injectable";
 
 const lensProtocolRouterRendererInjectable = getInjectable({
   id: "lens-protocol-router-renderer",
@@ -15,6 +15,7 @@ const lensProtocolRouterRendererInjectable = getInjectable({
     new LensProtocolRouterRenderer({
       extensionLoader: di.inject(extensionLoaderInjectable),
       extensionsStore: di.inject(extensionsStoreInjectable),
+      logger: di.inject(loggerInjectable),
     }),
 });
 
diff --git a/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx b/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx
index 5cfeeb3fec..8015678361 100644
--- a/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx
+++ b/src/renderer/protocol-handler/lens-protocol-router-renderer/lens-protocol-router-renderer.tsx
@@ -8,10 +8,9 @@ import { ipcRenderer } from "electron";
 import * as proto from "../../../common/protocol-handler";
 import Url from "url-parse";
 import { onCorrect } from "../../../common/ipc";
+import type { LensProtocolRouterDependencies } from "../../../common/protocol-handler";
 import { foldAttemptResults, ProtocolHandlerInvalid, RouteAttempt } from "../../../common/protocol-handler";
 import { Notifications } from "../../components/notifications";
-import type { ExtensionLoader } from "../../../extensions/extension-loader";
-import type { ExtensionsStore } from "../../../extensions/extensions-store/extensions-store";
 
 function verifyIpcArgs(args: unknown[]): args is [string, RouteAttempt] {
   if (args.length !== 2) {
@@ -32,11 +31,7 @@ function verifyIpcArgs(args: unknown[]): args is [string, RouteAttempt] {
   }
 }
 
-interface Dependencies {
-  extensionLoader: ExtensionLoader;
-  extensionsStore: ExtensionsStore;
-}
-
+interface Dependencies extends LensProtocolRouterDependencies {}
 
 export class LensProtocolRouterRenderer extends proto.LensProtocolRouter {
   constructor(protected dependencies: Dependencies) {
diff --git a/src/renderer/remote-helpers/history-updater.ts b/src/renderer/remote-helpers/history-updater.ts
deleted file mode 100644
index 2927843776..0000000000
--- a/src/renderer/remote-helpers/history-updater.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * Copyright (c) OpenLens Authors. All rights reserved.
- * Licensed under MIT License. See LICENSE in root directory for more information.
- */
-
-import { reaction } from "mobx";
-import { emitWindowLocationChanged } from "../ipc";
-import { navigation } from "../navigation";
-
-export function watchHistoryState() {
-  return reaction(() => navigation.location, emitWindowLocationChanged);
-}
diff --git a/src/renderer/remote-helpers/watch-history-state.injectable.ts b/src/renderer/remote-helpers/watch-history-state.injectable.ts
new file mode 100644
index 0000000000..f878b7d20c
--- /dev/null
+++ b/src/renderer/remote-helpers/watch-history-state.injectable.ts
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+import { emitWindowLocationChanged } from "../ipc";
+import { reaction } from "mobx";
+import observableHistoryInjectable from "../navigation/observable-history.injectable";
+
+const watchHistoryStateInjectable = getInjectable({
+  id: "watch-history-state",
+
+  instantiate: (di) => {
+    const observableHistory = di.inject(observableHistoryInjectable);
+
+    return () => reaction(
+      () => observableHistory.location,
+      emitWindowLocationChanged,
+    );
+  },
+
+  causesSideEffects: true,
+});
+
+export default watchHistoryStateInjectable;
diff --git a/src/renderer/routes/extension-route-registrator.injectable.tsx b/src/renderer/routes/extension-route-registrator.injectable.tsx
index 54eecb3fe1..d36c17cdad 100644
--- a/src/renderer/routes/extension-route-registrator.injectable.tsx
+++ b/src/renderer/routes/extension-route-registrator.injectable.tsx
@@ -14,9 +14,11 @@ import { extensionRegistratorInjectionToken } from "../../extensions/extension-l
 import { SiblingsInTabLayout } from "../components/layout/siblings-in-tab-layout";
 import extensionPageParametersInjectable from "./extension-page-parameters.injectable";
 import { routeSpecificComponentInjectionToken } from "./route-specific-component-injection-token";
+import type { IComputedValue } from "mobx";
 import { computed } from "mobx";
 import { frontEndRouteInjectionToken } from "../../common/front-end-routing/front-end-route-injection-token";
 import { getExtensionRoutePath } from "./for-extension";
+import extensionShouldBeEnabledForClusterFrameInjectable from "../extension-loader/extension-should-be-enabled-for-cluster-frame.injectable";
 
 const extensionRouteRegistratorInjectable = getInjectable({
   id: "extension-route-registrator",
@@ -24,14 +26,33 @@ const extensionRouteRegistratorInjectable = getInjectable({
   instantiate: (di) => {
     return (ext) => {
       const extension = ext as LensRendererExtension;
-      const toRouteInjectable = toRouteInjectableFor(
-        di,
+      const toRouteInjectable = toRouteInjectableFor(di, extension);
+
+      const extensionShouldBeEnabledForClusterFrame = di.inject(
+        extensionShouldBeEnabledForClusterFrameInjectable,
         extension,
       );
 
       return [
-        ...extension.globalPages.map(toRouteInjectable(false)),
-        ...extension.clusterPages.map(toRouteInjectable(true)),
+        ...extension.globalPages.map(
+          toRouteInjectable(false, (registration) =>
+            computed(() =>
+              registration.enabled ? registration.enabled.get() : true,
+            ),
+          ),
+        ),
+
+        ...extension.clusterPages.map(
+          toRouteInjectable(true, (registration) =>
+            computed(() => {
+              if (!extensionShouldBeEnabledForClusterFrame.value.get()) {
+                return false;
+              }
+
+              return registration.enabled ? registration.enabled.get() : true;
+            }),
+          ),
+        ),
       ].flat();
     };
   },
@@ -46,7 +67,7 @@ const toRouteInjectableFor =
     di: DiContainerForInjection,
     extension: LensRendererExtension,
   ) =>
-    (clusterFrame: boolean) =>
+    (clusterFrame: boolean, getIsEnabled: (registration: PageRegistration) => IComputedValue<boolean>) =>
       (registration: PageRegistration) => {
         const routeInjectable = getInjectable({
           id: `route-${registration.id}-for-extension-${extension.sanitizedExtensionId}`,
@@ -54,7 +75,7 @@ const toRouteInjectableFor =
           instantiate: () => ({
             path: getExtensionRoutePath(extension, registration.id),
             clusterFrame,
-            isEnabled: computed(() => true),
+            isEnabled: getIsEnabled(registration),
             extension,
           }),
 
diff --git a/src/renderer/routes/navigate-to-route.injectable.ts b/src/renderer/routes/navigate-to-route.injectable.ts
index 8b57a02613..1207841c7a 100644
--- a/src/renderer/routes/navigate-to-route.injectable.ts
+++ b/src/renderer/routes/navigate-to-route.injectable.ts
@@ -33,6 +33,8 @@ const navigateToRouteInjectable = getInjectable({
     };
   },
 
+  tags: ["emit-telemetry"],
+
   injectionToken: navigateToRouteInjectionToken,
 });
 
diff --git a/src/renderer/stores-apis-can-be-created.injectable.ts b/src/renderer/stores-apis-can-be-created.injectable.ts
index b2e99767b1..87e3bf323a 100644
--- a/src/renderer/stores-apis-can-be-created.injectable.ts
+++ b/src/renderer/stores-apis-can-be-created.injectable.ts
@@ -4,11 +4,17 @@
  */
 import { getInjectable } from "@ogre-tools/injectable";
 import { storesAndApisCanBeCreatedInjectionToken } from "../common/k8s-api/stores-apis-can-be-created.token";
-import { getClusterIdFromHost } from "./utils";
+import hostedClusterIdInjectable from "./cluster-frame-context/hosted-cluster-id.injectable";
 
 const storesAndApisCanBeCreatedInjectable = getInjectable({
   id: "create-stores-and-apis",
-  instantiate: () => Boolean(getClusterIdFromHost(location.host)),
+
+  instantiate: (di) => {
+    const hostedClusterId = di.inject(hostedClusterIdInjectable);
+
+    return !!hostedClusterId;
+  },
+
   injectionToken: storesAndApisCanBeCreatedInjectionToken,
 });
 
diff --git a/src/renderer/themes/active.injectable.ts b/src/renderer/themes/active.injectable.ts
new file mode 100644
index 0000000000..e83c4ff5fd
--- /dev/null
+++ b/src/renderer/themes/active.injectable.ts
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { computed } from "mobx";
+import themeStoreInjectable from "./store.injectable";
+
+const activeThemeInjectable = getInjectable({
+  id: "active-theme",
+  instantiate: (di) => {
+    const store = di.inject(themeStoreInjectable);
+
+    return computed(() => store.activeTheme);
+  },
+});
+
+export default activeThemeInjectable;
diff --git a/src/renderer/themes/lens-dark.ts b/src/renderer/themes/lens-dark.ts
index 3f46c91254..da4d9dc0c9 100644
--- a/src/renderer/themes/lens-dark.ts
+++ b/src/renderer/themes/lens-dark.ts
@@ -3,9 +3,9 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 
-import type { Theme } from "./store";
+import type { LensTheme } from "./store";
 
-const lensDarkTheme: Theme = {
+const lensDarkTheme: LensTheme = {
   "name": "Dark",
   "type": "dark",
   "description": "Original Lens dark theme",
@@ -50,7 +50,6 @@ const lensDarkTheme: Theme = {
     "tableHeaderColor": "#ffffff",
     "tableSelectedRowColor": "#ffffff",
     "helmLogoBackground": "#ffffff",
-    "helmImgBackground": "#414448",
     "helmStableRepo": "#3d90ce",
     "helmIncubatorRepo": "#ff7043",
     "helmDescriptionHr": "#41474a",
diff --git a/src/renderer/themes/lens-light.ts b/src/renderer/themes/lens-light.ts
index 878fc5826d..f7fcbc23e2 100644
--- a/src/renderer/themes/lens-light.ts
+++ b/src/renderer/themes/lens-light.ts
@@ -2,9 +2,9 @@
  * Copyright (c) OpenLens Authors. All rights reserved.
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
-import type { Theme } from "./store";
+import type { LensTheme } from "./store";
 
-const lensLightTheme: Theme = {
+const lensLightTheme: LensTheme = {
   "name": "Light",
   "type": "light",
   "description": "Original Lens light theme",
@@ -49,7 +49,6 @@ const lensLightTheme: Theme = {
     "tableHeaderColor": "#555555",
     "tableSelectedRowColor": "#222222",
     "helmLogoBackground": "#ffffff",
-    "helmImgBackground": "#e8e8e8",
     "helmStableRepo": "#3d90ce",
     "helmIncubatorRepo": "#ff7043",
     "helmDescriptionHr": "#dddddd",
diff --git a/src/renderer/themes/store.ts b/src/renderer/themes/store.ts
index acd68866d9..28abba7816 100644
--- a/src/renderer/themes/store.ts
+++ b/src/renderer/themes/store.ts
@@ -18,7 +18,7 @@ import assert from "assert";
 
 export type ThemeId = string;
 
-export interface Theme {
+export interface LensTheme {
   name: string;
   type: "dark" | "light";
   colors: Record<string, string>;
@@ -39,7 +39,7 @@ interface Dependencies {
 export class ThemeStore {
   private terminalColorPrefix = "terminal";
 
-  #themes = observable.map<ThemeId, Theme>({
+  #themes = observable.map<ThemeId, LensTheme>({
     "lens-dark": lensDarkTheme,
     "lens-light": lensLightTheme,
   });
@@ -66,9 +66,9 @@ export class ThemeStore {
     return this.dependencies.userStore.terminalTheme;
   }
 
-  private readonly defaultTheme: Theme;
+  private readonly defaultTheme: LensTheme;
 
-  @computed get activeTheme(): Theme {
+  @computed get activeTheme(): LensTheme {
     return this.themes.get(this.activeThemeId) ?? this.defaultTheme;
   }
 
@@ -92,7 +92,7 @@ export class ThemeStore {
   }
 
   get themes() {
-    return this.#themes as ReadonlyDeep<Map<string, Theme>>;
+    return this.#themes as ReadonlyDeep<Map<string, LensTheme>>;
   }
 
   constructor(protected readonly dependencies: Dependencies) {
@@ -121,7 +121,7 @@ export class ThemeStore {
       try {
         this.applyActiveTheme();
       } catch (err) {
-        logger.error(err);
+        logger.error(`Failed to apply active theme: ${err}`);
         this.dependencies.userStore.resetTheme();
       }
     }, {
@@ -130,7 +130,7 @@ export class ThemeStore {
     });
   }
 
-  getThemeById(themeId: ThemeId): Theme | undefined {
+  getThemeById(themeId: ThemeId): LensTheme | undefined {
     return this.themes.get(themeId);
   }
 
diff --git a/src/renderer/themes/theme-vars.css b/src/renderer/themes/theme-vars.css
index ffae94e401..5c0c275bca 100644
--- a/src/renderer/themes/theme-vars.css
+++ b/src/renderer/themes/theme-vars.css
@@ -43,7 +43,6 @@
 --tableHeaderColor: #ffffff;
 --tableSelectedRowColor: #ffffff;
 --helmLogoBackground: #ffffff;
---helmImgBackground: #414448;
 --helmStableRepo: #3d90ce;
 --helmIncubatorRepo: #ff7043;
 --helmDescriptionHr: #41474a;
diff --git a/src/renderer/utils/channel/ipc-renderer.global-override-for-injectable.ts b/src/renderer/utils/channel/ipc-renderer.global-override-for-injectable.ts
new file mode 100644
index 0000000000..28043f1299
--- /dev/null
+++ b/src/renderer/utils/channel/ipc-renderer.global-override-for-injectable.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { IpcRenderer } from "electron";
+import ipcRendererInjectable from "./ipc-renderer.injectable";
+import { getGlobalOverride } from "../../../common/test-utils/get-global-override";
+
+export default getGlobalOverride(ipcRendererInjectable, () => ({
+  invoke: () => {},
+  on: () => {},
+}) as unknown as IpcRenderer);
diff --git a/src/renderer/utils/create-storage/create-storage.injectable.ts b/src/renderer/utils/create-storage/create-storage.injectable.ts
index f0bc54cd53..b40eef738c 100644
--- a/src/renderer/utils/create-storage/create-storage.injectable.ts
+++ b/src/renderer/utils/create-storage/create-storage.injectable.ts
@@ -11,6 +11,7 @@ import { observable } from "mobx";
 import loggerInjectable from "../../../common/logger.injectable";
 import getAbsolutePathInjectable from "../../../common/path/get-absolute-path.injectable";
 import hostedClusterIdInjectable from "../../cluster-frame-context/hosted-cluster-id.injectable";
+import storageSaveDelayInjectable from "./storage-save-delay.injectable";
 
 const createStorageInjectable = getInjectable({
   id: "create-storage",
@@ -27,6 +28,7 @@ const createStorageInjectable = getInjectable({
     directoryForLensLocalStorage: di.inject(directoryForLensLocalStorageInjectable),
     getAbsolutePath: di.inject(getAbsolutePathInjectable),
     hostedClusterId: di.inject(hostedClusterIdInjectable),
+    saveDelay: di.inject(storageSaveDelayInjectable),
   }),
 });
 
diff --git a/src/renderer/utils/create-storage/create-storage.ts b/src/renderer/utils/create-storage/create-storage.ts
index 0bc3de06e4..501e425161 100755
--- a/src/renderer/utils/create-storage/create-storage.ts
+++ b/src/renderer/utils/create-storage/create-storage.ts
@@ -21,6 +21,7 @@ interface Dependencies {
   writeJsonFile: (filePath: string, contentObject: JsonObject) => Promise<void>;
   getAbsolutePath: GetAbsolutePath;
   hostedClusterId: string | undefined;
+  saveDelay: number;
 }
 
 export type CreateStorage = <T>(key: string, defaultValue: T) => StorageLayer<T>;
@@ -36,6 +37,7 @@ export const createStorage = ({
   readJsonFile,
   writeJsonFile,
   hostedClusterId,
+  saveDelay,
 }: Dependencies): CreateStorage => (key, defaultValue) => {
   const { logPrefix } = StorageHelper;
 
@@ -59,7 +61,7 @@ export const createStorage = ({
 
       // bind auto-saving data changes to %storage-file.json
       reaction(() => toJS(storage.data), saveFile, {
-        delay: 250, // lazy, avoid excessive writes to fs
+        delay: saveDelay, // lazy, avoid excessive writes to fs
         equals: comparer.structural, // save only when something really changed
       });
 
diff --git a/src/renderer/utils/create-storage/storage-save-delay.injectable.ts b/src/renderer/utils/create-storage/storage-save-delay.injectable.ts
new file mode 100644
index 0000000000..57a680befc
--- /dev/null
+++ b/src/renderer/utils/create-storage/storage-save-delay.injectable.ts
@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+
+const storageSaveDelayInjectable = getInjectable({
+  id: "storage-save-delay",
+  instantiate: () => 250,
+});
+
+export default storageSaveDelayInjectable;
diff --git a/src/renderer/utils/create-storage/storages-are-ready.ts b/src/renderer/utils/create-storage/storages-are-ready.ts
new file mode 100644
index 0000000000..8489138d1d
--- /dev/null
+++ b/src/renderer/utils/create-storage/storages-are-ready.ts
@@ -0,0 +1,31 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import type { DiContainer } from "@ogre-tools/injectable";
+import { runInAction } from "mobx";
+import type { CreateStorage } from "./create-storage";
+import createStorageInjectable from "./create-storage.injectable";
+
+export const controlWhenStoragesAreReady = (di: DiContainer) => {
+  const storagesAreReady: Promise<void>[] = [];
+
+  const decorated =
+        (toBeDecorated: CreateStorage) =>
+          (key: string, defaultValue: any) => {
+            const storage = toBeDecorated(key, defaultValue);
+
+            storagesAreReady.push(storage.whenReady);
+
+            return storage;
+          };
+
+  runInAction(() => {
+    // TODO: Remove when typing is added to the library
+    (di as any).decorateFunction(createStorageInjectable, decorated);
+  });
+
+  return async () => {
+    await Promise.all(storagesAreReady);
+  };
+};
diff --git a/src/renderer/utils/on-keyboard-shortcut.ts b/src/renderer/utils/on-keyboard-shortcut.ts
new file mode 100644
index 0000000000..4504765ac7
--- /dev/null
+++ b/src/renderer/utils/on-keyboard-shortcut.ts
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+
+import type { WindowEventListener } from "../window/event-listener.injectable";
+
+function parseKeyDownDescriptor(descriptor: string): (event: KeyboardEvent) => boolean {
+  const parts = new Set((
+    descriptor
+      .split("+")
+      .filter(Boolean)
+      .map(part => part.toLowerCase())
+  ));
+
+  if (parts.size === 0) {
+    return () => true;
+  }
+
+  const hasShift = parts.delete("shift");
+  const hasAlt = parts.delete("alt");
+
+  const rawHasCtrl = parts.delete("ctrl");
+  const rawHasControl = parts.delete("control");
+  const hasCtrl = rawHasCtrl || rawHasControl;
+
+  const rawHasMeta = parts.delete("meta");
+  const rawHasCmd = parts.delete("cmd");
+  const hasMeta = rawHasCmd || rawHasMeta; // This means either matches
+
+  const [key, ...rest] = [...parts];
+
+  if (rest.length !== 0) {
+    throw new Error("only single key combinations are currently supported");
+  }
+
+  return (event) => {
+    return event.altKey === hasAlt
+      && event.shiftKey === hasShift
+      && event.ctrlKey === hasCtrl
+      && event.metaKey === hasMeta
+      && event.key.toLowerCase() === key.toLowerCase();
+  };
+}
+
+export function onKeyboardShortcut(descriptor: string, action: () => void): WindowEventListener<"keydown"> {
+  const isMatchingEvent = parseKeyDownDescriptor(descriptor);
+
+  return (event) => {
+    if (isMatchingEvent(event)) {
+      action();
+    }
+  };
+}
diff --git a/src/renderer/utils/rbac.ts b/src/renderer/utils/rbac.ts
index e8d9ecb429..8f3745d3a5 100644
--- a/src/renderer/utils/rbac.ts
+++ b/src/renderer/utils/rbac.ts
@@ -31,6 +31,7 @@ export const ResourceNames: Record<KubeResource, string> = {
   "horizontalpodautoscalers": "Horizontal Pod Autoscalers",
   "podsecuritypolicies": "Pod Security Policies",
   "poddisruptionbudgets": "Pod Disruption Budgets",
+  "priorityclasses": "Priority Classes",
   "limitranges": "Limit Ranges",
   "roles": "Roles",
   "rolebindings": "Role Bindings",
diff --git a/src/renderer/utils/resolve-proxy/resolve-system-proxy.injectable.ts b/src/renderer/utils/resolve-proxy/resolve-system-proxy.injectable.ts
new file mode 100644
index 0000000000..8fcb9063d0
--- /dev/null
+++ b/src/renderer/utils/resolve-proxy/resolve-system-proxy.injectable.ts
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectable } from "@ogre-tools/injectable";
+import { resolveSystemProxyInjectionToken } from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-injection-token";
+import requestFromChannelInjectable from "../channel/request-from-channel.injectable";
+import resolveSystemProxyChannelInjectable from "../../../common/utils/resolve-system-proxy/resolve-system-proxy-channel.injectable";
+
+const resolveSystemProxyInjectable = getInjectable({
+  id: "resolve-system-proxy-for-renderer",
+
+  instantiate: (di) => {
+    const requestFromChannel = di.inject(requestFromChannelInjectable);
+    const resolveSystemProxyChannel = di.inject(resolveSystemProxyChannelInjectable);
+
+    return async (url) => requestFromChannel(resolveSystemProxyChannel, url);
+  },
+
+  injectionToken: resolveSystemProxyInjectionToken,
+});
+
+export default resolveSystemProxyInjectable;
diff --git a/src/renderer/utils/storageHelper.ts b/src/renderer/utils/storageHelper.ts
index 6a690654da..613778cc3d 100755
--- a/src/renderer/utils/storageHelper.ts
+++ b/src/renderer/utils/storageHelper.ts
@@ -9,6 +9,7 @@ import type { Draft } from "immer";
 import { produce, isDraft } from "immer";
 import { isEqual, isPlainObject } from "lodash";
 import logger from "../../main/logger";
+import assert from "assert";
 
 export interface StorageChange<T> {
   key: string;
@@ -154,8 +155,9 @@ export class StorageHelper<T> implements StorageLayer<T> {
   }
 
   @action
-  merge(value: Partial<T> | ((draft: Draft<T>) => Partial<T> | void)) {
+  merge(value: T extends object ? Partial<T> | ((draft: Draft<T>) => Partial<T> | void) : never) {
     const nextValue = produce<T>(toJS(this.get()), (draft) => {
+      assert(typeof draft === "object" && draft);
 
       if (typeof value == "function") {
         const newValue = value(draft);
diff --git a/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.injectable.ts b/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.injectable.ts
index d49ea9dd9c..472aee497a 100644
--- a/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.injectable.ts
+++ b/src/renderer/utils/sync-box/provide-initial-values-for-sync-boxes.injectable.ts
@@ -7,6 +7,10 @@ import { beforeFrameStartsInjectionToken } from "../../before-frame-starts/befor
 import syncBoxInitialValueChannelInjectable from "../../../common/utils/sync-box/sync-box-initial-value-channel.injectable";
 import createSyncBoxStateInjectable from "../../../common/utils/sync-box/sync-box-state.injectable";
 import { requestFromChannelInjectionToken } from "../../../common/utils/channel/request-from-channel-injection-token";
+import { runInAction } from "mobx";
+import type { SyncBox } from "../../../common/utils/sync-box/sync-box-injection-token";
+import { syncBoxInjectionToken } from "../../../common/utils/sync-box/sync-box-injection-token";
+import assert from "assert";
 
 const provideInitialValuesForSyncBoxesInjectable = getInjectable({
   id: "provide-initial-values-for-sync-boxes",
@@ -14,14 +18,24 @@ const provideInitialValuesForSyncBoxesInjectable = getInjectable({
   instantiate: (di) => {
     const requestFromChannel = di.inject(requestFromChannelInjectionToken);
     const syncBoxInitialValueChannel = di.inject(syncBoxInitialValueChannelInjectable);
-    const setSyncBoxState = (id: string, state: any) => di.inject(createSyncBoxStateInjectable, id).set(state);
+
+    const syncBoxes = di.injectMany(syncBoxInjectionToken);
+
+    const setSyncBoxState = (syncBox: SyncBox<any>, state: any) =>
+      di.inject(createSyncBoxStateInjectable, syncBox.id).set(state);
 
     return {
       run: async () => {
         const initialValues = await requestFromChannel(syncBoxInitialValueChannel);
 
-        initialValues.forEach(({ id, value }) => {
-          setSyncBoxState(id, value);
+        runInAction(() => {
+          initialValues.forEach(({ id, value }) => {
+            const syncBox = syncBoxes.find((box) => box.id === id);
+
+            assert(syncBox);
+
+            setSyncBoxState(syncBox, value);
+          });
         });
       },
     };
diff --git a/src/renderer/window/event-listener.injectable.ts b/src/renderer/window/event-listener.injectable.ts
index 84803cbd86..78a1827e19 100644
--- a/src/renderer/window/event-listener.injectable.ts
+++ b/src/renderer/window/event-listener.injectable.ts
@@ -7,8 +7,9 @@ import { getInjectable } from "@ogre-tools/injectable";
 import type { Disposer } from "../utils";
 
 export type AddWindowEventListener = typeof addWindowEventListener;
+export type WindowEventListener<K extends keyof WindowEventMap> = (this: Window, ev: WindowEventMap[K]) => any;
 
-function addWindowEventListener<K extends keyof WindowEventMap>(type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): Disposer {
+function addWindowEventListener<K extends keyof WindowEventMap>(type: K, listener: WindowEventListener<K>, options?: boolean | AddEventListenerOptions): Disposer {
   window.addEventListener(type, listener, options);
 
   return () => void window.removeEventListener(type, listener);
diff --git a/src/test-utils/channel-fakes/override-channels.ts b/src/test-utils/channel-fakes/override-channels.ts
index 4d7a337e04..7d3a20cd75 100644
--- a/src/test-utils/channel-fakes/override-channels.ts
+++ b/src/test-utils/channel-fakes/override-channels.ts
@@ -12,8 +12,8 @@ export const overrideChannels = (mainDi: DiContainer) => {
   const overrideMessagingFromWindowToForWindow = overrideMessagingFromWindowToMain(mainDi);
   const overrideRequestingFromWindowToMainForWindow = overrideRequestingFromWindowToMain(mainDi);
 
-  return (windowDi: DiContainer) => {
-    overrideMessagingFromMainToWindowForWindow(windowDi);
+  return (windowDi: DiContainer, windowId: string) => {
+    overrideMessagingFromMainToWindowForWindow(windowDi, windowId);
     overrideMessagingFromWindowToForWindow(windowDi);
     overrideRequestingFromWindowToMainForWindow(windowDi);
   };
diff --git a/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts b/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts
index 6ade9b7f0d..852b2cfb0b 100644
--- a/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts
+++ b/src/test-utils/channel-fakes/override-messaging-from-main-to-window.ts
@@ -3,30 +3,44 @@
  * Licensed under MIT License. See LICENSE in root directory for more information.
  */
 import type {  MessageChannelListener } from "../../common/utils/channel/message-channel-listener-injection-token";
-import type { MessageChannel } from "../../common/utils/channel/message-channel-injection-token";
 import sendToChannelInElectronBrowserWindowInjectable from "../../main/start-main-application/lens-window/application-window/send-to-channel-in-electron-browser-window.injectable";
-import type { SendToViewArgs } from "../../main/start-main-application/lens-window/application-window/lens-window-injection-token";
+import type { SendToViewArgs } from "../../main/start-main-application/lens-window/application-window/create-lens-window.injectable";
 import enlistMessageChannelListenerInjectableInRenderer from "../../renderer/utils/channel/channel-listeners/enlist-message-channel-listener.injectable";
 import type { DiContainer } from "@ogre-tools/injectable";
-import assert from "assert";
 import { tentativeParseJson } from "../../common/utils/tentative-parse-json";
+import { getOrInsert } from "../../common/utils";
+
+type ListenerSet = Set<MessageChannelListener<any>>;
+type WindowListenerMap = Map<string, ListenerSet>;
+type ListenerFakeMap = Map<string, WindowListenerMap>;
 
 export const overrideMessagingFromMainToWindow = (mainDi: DiContainer) => {
-  const messageChannelListenerFakesForRenderer = new Map<
-    string,
-    Set<MessageChannelListener<MessageChannel<any>>>
-  >();
+  const messageChannelListenerFakesForRenderer: ListenerFakeMap = new Map();
+
+  const getWindowListeners = (channelId: string, windowId: string) => {
+    const channelListeners = getOrInsert<string, WindowListenerMap>(
+      messageChannelListenerFakesForRenderer,
+      channelId,
+      new Map(),
+    );
+
+    return getOrInsert<string, ListenerSet>(
+      channelListeners,
+      windowId,
+      new Set(),
+    );
+  };
 
   mainDi.override(
     sendToChannelInElectronBrowserWindowInjectable,
 
     () =>
       (
+        windowId: string,
         browserWindow,
         { channel: channelId, frameInfo, data = [] }: SendToViewArgs,
       ) => {
-        const listeners =
-          messageChannelListenerFakesForRenderer.get(channelId) || new Set();
+        const windowListeners = getWindowListeners(channelId, windowId);
 
         if (frameInfo) {
           throw new Error(
@@ -40,7 +54,7 @@ export const overrideMessagingFromMainToWindow = (mainDi: DiContainer) => {
           );
         }
 
-        if (listeners.size === 0) {
+        if (windowListeners.size === 0) {
           throw new Error(
             `Tried to send message to channel "${channelId}" but there where no listeners. Current channels with listeners: "${[
               ...messageChannelListenerFakesForRenderer.keys(),
@@ -50,40 +64,26 @@ export const overrideMessagingFromMainToWindow = (mainDi: DiContainer) => {
 
         const message = tentativeParseJson(data[0]);
 
-        listeners.forEach((listener) => listener.handler(message));
+        windowListeners.forEach((listener) =>
+          listener.handler(message),
+        );
       },
   );
 
-  return (windowDi: DiContainer) => {
+  return (windowDi: DiContainer, windowId: string) => {
     windowDi.override(
       enlistMessageChannelListenerInjectableInRenderer,
 
       () => (listener) => {
-        if (!messageChannelListenerFakesForRenderer.has(listener.channel.id)) {
-          messageChannelListenerFakesForRenderer.set(
-            listener.channel.id,
-            new Set(),
-          );
-        }
-
-        const listeners = messageChannelListenerFakesForRenderer.get(
+        const windowListeners = getWindowListeners(
           listener.channel.id,
+          windowId,
         );
 
-        assert(listeners);
-
-        // TODO: Figure out typing
-        listeners.add(
-          listener as unknown as MessageChannelListener<MessageChannel<any>>,
-        );
+        windowListeners.add(listener);
 
         return () => {
-          // TODO: Figure out typing
-          listeners.delete(
-            listener as unknown as MessageChannelListener<
-              MessageChannel<any>
-            >,
-          );
+          windowListeners.delete(listener);
         };
       },
     );
diff --git a/templates/create-resource/ClusterRole.yaml b/templates/create-resource/ClusterRole.yaml
index 0e66a6ada0..fde73845ed 100644
--- a/templates/create-resource/ClusterRole.yaml
+++ b/templates/create-resource/ClusterRole.yaml
@@ -196,3 +196,11 @@ rules:
       - get
       - list
       - watch
+  - apiGroups:
+      - scheduling.k8s.io
+    resources:
+      - priorityclass
+    verbs:
+      - get
+      - list
+      - watch
diff --git a/templates/create-resource/PriorityClass.yaml b/templates/create-resource/PriorityClass.yaml
new file mode 100644
index 0000000000..38301e4a4f
--- /dev/null
+++ b/templates/create-resource/PriorityClass.yaml
@@ -0,0 +1,8 @@
+apiVersion: scheduling.k8s.io/v1
+kind: PriorityClass
+metadata:
+  name: overprovisioning
+description: Priority class used by overprovisioning.
+preemptionPolicy: PreemptLowerPriority
+globalDefault: false
+value: -1
diff --git a/tsconfig.extension-api.json b/tsconfig.extension-api.json
deleted file mode 100644
index f3c73d1ef7..0000000000
--- a/tsconfig.extension-api.json
+++ /dev/null
@@ -1,47 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": ".",
-    "jsx": "react",
-    "target": "ES2019",
-    "module": "ESNext",
-    "lib": [
-      "ESNext",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "moduleResolution": "Node",
-    "strict": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "isolatedModules": true,
-    "skipLibCheck": true,
-    "allowJs": false,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "importsNotUsedAsValues": "error",
-    "traceResolution": false,
-    "resolveJsonModule": true,
-    "useDefineForClassFields": true,
-    "paths": {
-      "*": [
-        "node_modules/*",
-        "types/*"
-      ]
-    },
-    "plugins": [
-      {
-        "name": "typescript-plugin-css-modules"
-      }
-    ],
-    "emitDeclarationOnly": true,
-    "noEmitOnError": true,
-    "declaration": true,
-    "declarationDir": "./src/extensions/npm/extensions/dist",
-  },
-  "include": [
-    "types/*.d.ts",
-  ],
-  "files": [
-    "./src/extensions/extension-api.ts",
-  ],
-}
diff --git a/yarn.lock b/yarn.lock
index d8ee6d4e89..3b4a659484 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,6 +7,11 @@
   resolved "https://registry.yarnpkg.com/7zip-bin/-/7zip-bin-5.1.1.tgz#9274ec7460652f9c632c59addf24efb1684ef876"
   integrity sha512-sAP4LldeWNz0lNzmTird3uWfFDWWTeg6V/MsmyyLR9X1idwKBWIgt/ZvinqQldJm3LecKEs1emkbquO6PCiLVQ==
 
+"@adobe/css-tools@^4.0.1":
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.0.1.tgz#b38b444ad3aa5fedbb15f2f746dcd934226a12dd"
+  integrity sha512-+u76oB43nOHrF4DDWRLWDCtci7f3QJoEBigemIdIeTi1ODqjx6Tad9NCVnPRwewWlKkVab5PlK8DCtPTyX7S8g==
+
 "@ampproject/remapping@^2.1.0":
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d"
@@ -26,10 +31,10 @@
     static-eval "2.0.2"
     underscore "1.7.0"
 
-"@async-fn/jest@1.6.1":
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/@async-fn/jest/-/jest-1.6.1.tgz#ca298832fa1e7fb650ea2abd1a466acbbcf2cd58"
-  integrity sha512-UZoKtoccMr2VZjNOeRo6JJRg4Cb2O8EQH3bxIg3jl20Ya1KGIFs5kW3bf/0GRLY9XwL1mKlr1VHtp2vXlvcqtg==
+"@async-fn/jest@1.6.4":
+  version "1.6.4"
+  resolved "https://registry.yarnpkg.com/@async-fn/jest/-/jest-1.6.4.tgz#202f6a070847123e81c7c6bd5bee5a8f12ebbd40"
+  integrity sha512-m3T/m6a39f5dbqFj79BGCqudkm42McgMXD7M0ZorKeqqdAbNazay7t+VDOz5qqFHO12frFbbhAB5GnFPoGADPA==
 
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.8.3":
   version "7.16.0"
@@ -481,7 +486,7 @@
   resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
   integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
 
-"@electron/get@^1.13.0":
+"@electron/get@^1.14.1":
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/@electron/get/-/get-1.14.1.tgz#16ba75f02dffb74c23965e72d617adc721d27f40"
   integrity sha512-BrZYyL/6m0ZXz/lDxy/nlVhQz+WF+iPS6qXolEU8atw7h6v1aYkjwJZ63m+bJMBTxDE66X+r2tPS4a/8C82sZw==
@@ -497,10 +502,10 @@
     global-agent "^3.0.0"
     global-tunnel-ng "^2.7.1"
 
-"@electron/universal@1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@electron/universal/-/universal-1.2.0.tgz#518cac72bccd79c00bf41345119e6fdbabdb871d"
-  integrity sha512-eu20BwNsrMPKoe2bZ3/l9c78LclDvxg3PlVXrQf3L50NaUuW5M59gbPytI+V4z7/QMrohUHetQaU0ou+p1UG9Q==
+"@electron/universal@1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@electron/universal/-/universal-1.2.1.tgz#3c2c4ff37063a4e9ab1e6ff57db0bc619bc82339"
+  integrity sha512-7323HyMh7KBAl/nPDppdLsC87G6RwRU02dy5FPeGB1eS7rUePh55+WNWiDPLhFQqqVPHzh77M69uhmoT8XnwMQ==
   dependencies:
     "@malept/cross-spawn-promise" "^1.1.0"
     asar "^3.1.0"
@@ -593,14 +598,24 @@
   resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.2.5.tgz#8eed982e2ee6f7f4e44c253e12962980791efd46"
   integrity sha512-6U71C2Wp7r5XtFtQzYrW5iKFT67OixrSxjI4MptCHzdSVlgabczzqLe0ZSgnub/5Kp4hSbpDB1tMytZY9pwxxA==
 
-"@eslint/eslintrc@^1.3.0":
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.0.tgz#29f92c30bb3e771e4a2048c95fa6855392dfac4f"
-  integrity sha512-UWW0TMTmk2d7hLcWD1/e2g5HDM/HQ3csaLSqXCfqwh4uNDuNqlaKWXmEsL4Cs41Z0KnILNvwbHAah3C2yt06kw==
+"@esbuild/linux-loong64@0.14.53":
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.14.53.tgz#251b4cd6760fadb4d68a05815e6dc5e432d69cd6"
+  integrity sha512-W2dAL6Bnyn4xa/QRSU3ilIK4EzD5wgYXKXJiS1HDF5vU3675qc2bvFyLwbUcdmssDveyndy7FbitrCoiV/eMLg==
+
+"@esbuild/linux-loong64@0.15.6":
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.15.6.tgz#45be4184f00e505411bc265a05e709764114acd8"
+  integrity sha512-hqmVU2mUjH6J2ZivHphJ/Pdse2ZD+uGCHK0uvsiLDk/JnSedEVj77CiVUnbMKuU4tih1TZZL8tG9DExQg/GZsw==
+
+"@eslint/eslintrc@^1.3.1":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.1.tgz#de0807bfeffc37b964a7d0400e0c348ce5a2543d"
+  integrity sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
-    espree "^9.3.2"
+    espree "^9.4.0"
     globals "^13.15.0"
     ignore "^5.2.0"
     import-fresh "^3.2.1"
@@ -608,6 +623,11 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
+"@gar/promisify@^1.0.1":
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
+  integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
+
 "@hapi/b64@5.x.x":
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/@hapi/b64/-/b64-5.0.0.tgz#b8210cbd72f4774985e78569b77e97498d24277d"
@@ -719,15 +739,25 @@
     "@hapi/bourne" "2.x.x"
     "@hapi/hoek" "9.x.x"
 
-"@humanwhocodes/config-array@^0.9.2":
-  version "0.9.5"
-  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"
-  integrity sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==
+"@humanwhocodes/config-array@^0.10.4":
+  version "0.10.4"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.10.4.tgz#01e7366e57d2ad104feea63e72248f22015c520c"
+  integrity sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
     minimatch "^3.0.4"
 
+"@humanwhocodes/gitignore-to-minimatch@^1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/gitignore-to-minimatch/-/gitignore-to-minimatch-1.0.2.tgz#316b0a63b91c10e53f242efb4ace5c3b34e8728d"
+  integrity sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==
+
+"@humanwhocodes/module-importer@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz#af5b2691a22b44be847b0ca81641c5fb6ad0172c"
+  integrity sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==
+
 "@humanwhocodes/object-schema@^1.2.1":
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
@@ -758,49 +788,49 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.1.tgz#305f8ca50b6e70413839f54c0e002b60a0f2fd7d"
-  integrity sha512-0RiUocPVFEm3WRMOStIHbRWllG6iW6E3/gUPnf4lkrVFyXIIDeCe+vlKeYyFOMhB2EPE6FLFCNADSOOQMaqvyA==
+"@jest/console@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-28.1.3.tgz#2030606ec03a18c31803b8a36382762e447655df"
+  integrity sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==
   dependencies:
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^28.1.1"
-    jest-util "^28.1.1"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
     slash "^3.0.0"
 
-"@jest/core@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-28.1.1.tgz#086830bec6267accf9af5ca76f794858e9f9f092"
-  integrity sha512-3pYsBoZZ42tXMdlcFeCc/0j9kOlK7MYuXs2B1QbvDgMoW1K9NJ4G/VYvIbMb26iqlkTfPHo7SC2JgjDOk/mxXw==
+"@jest/core@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-28.1.3.tgz#0ebf2bd39840f1233cd5f2d1e6fc8b71bd5a1ac7"
+  integrity sha512-CIKBrlaKOzA7YG19BEqCw3SLIsEwjZkeJzf5bdooVnW4bH5cktqe3JX+G2YV1aK5vP8N9na1IGWFzYaTp6k6NA==
   dependencies:
-    "@jest/console" "^28.1.1"
-    "@jest/reporters" "^28.1.1"
-    "@jest/test-result" "^28.1.1"
-    "@jest/transform" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/console" "^28.1.3"
+    "@jest/reporters" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
-    jest-changed-files "^28.0.2"
-    jest-config "^28.1.1"
-    jest-haste-map "^28.1.1"
-    jest-message-util "^28.1.1"
+    jest-changed-files "^28.1.3"
+    jest-config "^28.1.3"
+    jest-haste-map "^28.1.3"
+    jest-message-util "^28.1.3"
     jest-regex-util "^28.0.2"
-    jest-resolve "^28.1.1"
-    jest-resolve-dependencies "^28.1.1"
-    jest-runner "^28.1.1"
-    jest-runtime "^28.1.1"
-    jest-snapshot "^28.1.1"
-    jest-util "^28.1.1"
-    jest-validate "^28.1.1"
-    jest-watcher "^28.1.1"
+    jest-resolve "^28.1.3"
+    jest-resolve-dependencies "^28.1.3"
+    jest-runner "^28.1.3"
+    jest-runtime "^28.1.3"
+    jest-snapshot "^28.1.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
+    jest-watcher "^28.1.3"
     micromatch "^4.0.4"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
     rimraf "^3.0.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
@@ -812,63 +842,63 @@
   dependencies:
     "@jest/types" "^27.5.1"
 
-"@jest/environment@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-28.1.1.tgz#c4cbf85283278d768f816ebd1a258ea6f9e39d4f"
-  integrity sha512-9auVQ2GzQ7nrU+lAr8KyY838YahElTX9HVjbQPPS2XjlxQ+na18G113OoBhyBGBtD6ZnO/SrUy5WR8EzOj1/Uw==
+"@jest/environment@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-28.1.3.tgz#abed43a6b040a4c24fdcb69eab1f97589b2d663e"
+  integrity sha512-1bf40cMFTEkKyEf585R9Iz1WayDjHoHqvts0XFYEqyKM3cFWDpeMoqKKTAF9LSYQModPUlh8FKptoM2YcMWAXA==
   dependencies:
-    "@jest/fake-timers" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
-    jest-mock "^28.1.1"
+    jest-mock "^28.1.3"
 
-"@jest/expect-utils@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-28.1.1.tgz#d84c346025b9f6f3886d02c48a6177e2b0360587"
-  integrity sha512-n/ghlvdhCdMI/hTcnn4qV57kQuV9OTsZzH1TTCVARANKhl6hXJqLKUkwX69ftMGpsbpt96SsDD8n8LD2d9+FRw==
+"@jest/expect-utils@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-28.1.3.tgz#58561ce5db7cd253a7edddbc051fb39dda50f525"
+  integrity sha512-wvbi9LUrHJLn3NlDW6wF2hvIMtd4JUl2QNVrjq+IBSHirgfrR3o9RnVtxzdEGO2n9JyIWwHnLfby5KzqBGg2YA==
   dependencies:
     jest-get-type "^28.0.2"
 
-"@jest/expect@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-28.1.1.tgz#ea4fcc8504b45835029221c0dc357c622a761326"
-  integrity sha512-/+tQprrFoT6lfkMj4mW/mUIfAmmk/+iQPmg7mLDIFOf2lyf7EBHaS+x3RbeR0VZVMe55IvX7QRoT/2aK3AuUXg==
+"@jest/expect@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-28.1.3.tgz#9ac57e1d4491baca550f6bdbd232487177ad6a72"
+  integrity sha512-lzc8CpUbSoE4dqT0U+g1qODQjBRHPpCPXissXD4mS9+sWQdmmpeJ9zSH1rS1HEkrsMN0fb7nKrJ9giAR1d3wBw==
   dependencies:
-    expect "^28.1.1"
-    jest-snapshot "^28.1.1"
+    expect "^28.1.3"
+    jest-snapshot "^28.1.3"
 
-"@jest/fake-timers@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-28.1.1.tgz#47ce33296ab9d680c76076d51ddbe65ceb3337f1"
-  integrity sha512-BY/3+TyLs5+q87rGWrGUY5f8e8uC3LsVHS9Diz8+FV3ARXL4sNnkLlIB8dvDvRrp+LUCGM+DLqlsYubizGUjIA==
+"@jest/fake-timers@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-28.1.3.tgz#230255b3ad0a3d4978f1d06f70685baea91c640e"
+  integrity sha512-D/wOkL2POHv52h+ok5Oj/1gOG9HSywdoPtFsRCUmlCILXNn5eIWmcnd3DIiWlJnpGvQtmajqBP95Ei0EimxfLw==
   dependencies:
-    "@jest/types" "^28.1.1"
-    "@sinonjs/fake-timers" "^9.1.1"
+    "@jest/types" "^28.1.3"
+    "@sinonjs/fake-timers" "^9.1.2"
     "@types/node" "*"
-    jest-message-util "^28.1.1"
-    jest-mock "^28.1.1"
-    jest-util "^28.1.1"
+    jest-message-util "^28.1.3"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
 
-"@jest/globals@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-28.1.1.tgz#c0a7977f85e26279cc090d9adcdf82b8a34c4061"
-  integrity sha512-dEgl/6v7ToB4vXItdvcltJBgny0xBE6xy6IYQrPJAJggdEinGxCDMivNv7sFzPcTITGquXD6UJwYxfJ/5ZwDSg==
+"@jest/globals@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-28.1.3.tgz#a601d78ddc5fdef542728309894895b4a42dc333"
+  integrity sha512-XFU4P4phyryCXu1pbcqMO0GSQcYe1IsalYCDzRNyhetyeyxMcIxa11qPNDpVNLeretItNqEmYYQn1UYz/5x1NA==
   dependencies:
-    "@jest/environment" "^28.1.1"
-    "@jest/expect" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/expect" "^28.1.3"
+    "@jest/types" "^28.1.3"
 
-"@jest/reporters@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-28.1.1.tgz#9389f4bb3cce4d9b586f6195f83c79cd2a1c8662"
-  integrity sha512-597Zj4D4d88sZrzM4atEGLuO7SdA/YrOv9SRXHXRNC+/FwPCWxZhBAEzhXoiJzfRwn8zes/EjS8Lo6DouGN5Gg==
+"@jest/reporters@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-28.1.3.tgz#9adf6d265edafc5fc4a434cfb31e2df5a67a369a"
+  integrity sha512-JuAy7wkxQZVNU/V6g9xKzCGC5LVXx9FDcABKsSXp5MiKPEE2144a/vXTEDoyzjUpZKfVwp08Wqg5A4WfTMAzjg==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^28.1.1"
-    "@jest/test-result" "^28.1.1"
-    "@jest/transform" "^28.1.1"
-    "@jest/types" "^28.1.1"
-    "@jridgewell/trace-mapping" "^0.3.7"
+    "@jest/console" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    "@jridgewell/trace-mapping" "^0.3.13"
     "@types/node" "*"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
@@ -880,67 +910,67 @@
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
     istanbul-reports "^3.1.3"
-    jest-message-util "^28.1.1"
-    jest-util "^28.1.1"
-    jest-worker "^28.1.1"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
+    jest-worker "^28.1.3"
     slash "^3.0.0"
     string-length "^4.0.1"
     strip-ansi "^6.0.0"
     terminal-link "^2.0.0"
-    v8-to-istanbul "^9.0.0"
+    v8-to-istanbul "^9.0.1"
 
-"@jest/schemas@^28.0.2":
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.0.2.tgz#08c30df6a8d07eafea0aef9fb222c5e26d72e613"
-  integrity sha512-YVDJZjd4izeTDkij00vHHAymNXQ6WWsdChFRK86qck6Jpr3DCL5W3Is3vslviRlP+bLuMYRLbdp98amMvqudhA==
+"@jest/schemas@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-28.1.3.tgz#ad8b86a66f11f33619e3d7e1dcddd7f2d40ff905"
+  integrity sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==
   dependencies:
-    "@sinclair/typebox" "^0.23.3"
+    "@sinclair/typebox" "^0.24.1"
 
-"@jest/source-map@^28.0.2":
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-28.0.2.tgz#914546f4410b67b1d42c262a1da7e0406b52dc90"
-  integrity sha512-Y9dxC8ZpN3kImkk0LkK5XCEneYMAXlZ8m5bflmSL5vrwyeUpJfentacCUg6fOb8NOpOO7hz2+l37MV77T6BFPw==
+"@jest/source-map@^28.1.2":
+  version "28.1.2"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-28.1.2.tgz#7fe832b172b497d6663cdff6c13b0a920e139e24"
+  integrity sha512-cV8Lx3BeStJb8ipPHnqVw/IM2VCMWO3crWZzYodSIkxXnRcXJipCdx1JCK0K5MsJJouZQTH73mzf4vgxRaH9ww==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.7"
+    "@jridgewell/trace-mapping" "^0.3.13"
     callsites "^3.0.0"
     graceful-fs "^4.2.9"
 
-"@jest/test-result@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.1.tgz#c6f18d1bbb01aa88925dd687872a75f8414b317a"
-  integrity sha512-hPmkugBktqL6rRzwWAtp1JtYT4VHwv8OQ+9lE5Gymj6dHzubI/oJHMUpPOt8NrdVWSrz9S7bHjJUmv2ggFoUNQ==
+"@jest/test-result@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-28.1.3.tgz#5eae945fd9f4b8fcfce74d239e6f725b6bf076c5"
+  integrity sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==
   dependencies:
-    "@jest/console" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/console" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-28.1.1.tgz#f594ee2331df75000afe0d1ae3237630ecec732e"
-  integrity sha512-nuL+dNSVMcWB7OOtgb0EGH5AjO4UBCt68SLP08rwmC+iRhyuJWS9MtZ/MpipxFwKAlHFftbMsydXqWre8B0+XA==
+"@jest/test-sequencer@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-28.1.3.tgz#9d0c283d906ac599c74bde464bc0d7e6a82886c3"
+  integrity sha512-NIMPEqqa59MWnDi1kvXXpYbqsfQmSJsIbnd85mdVGkiDfQ9WQQTXOLsvISUfonmnBT+w85WEgneCigEEdHDFxw==
   dependencies:
-    "@jest/test-result" "^28.1.1"
+    "@jest/test-result" "^28.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.1"
+    jest-haste-map "^28.1.3"
     slash "^3.0.0"
 
-"@jest/transform@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-28.1.1.tgz#83541f2a3f612077c8501f49cc4e205d4e4a6b27"
-  integrity sha512-PkfaTUuvjUarl1EDr5ZQcCA++oXkFCP9QFUkG0yVKVmNObjhrqDy0kbMpMebfHWm3CCDHjYNem9eUSH8suVNHQ==
+"@jest/transform@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-28.1.3.tgz#59d8098e50ab07950e0f2fc0fc7ec462371281b0"
+  integrity sha512-u5dT5di+oFI6hfcLOHGTAfmUxFRrjK+vnaP0kkVow9Md/M7V/MxqQMOz/VV25UZO8pzeA9PjfTpOu6BDuwSPQA==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/types" "^28.1.1"
-    "@jridgewell/trace-mapping" "^0.3.7"
+    "@jest/types" "^28.1.3"
+    "@jridgewell/trace-mapping" "^0.3.13"
     babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
     convert-source-map "^1.4.0"
     fast-json-stable-stringify "^2.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.1"
+    jest-haste-map "^28.1.3"
     jest-regex-util "^28.0.2"
-    jest-util "^28.1.1"
+    jest-util "^28.1.3"
     micromatch "^4.0.4"
     pirates "^4.0.4"
     slash "^3.0.0"
@@ -968,12 +998,12 @@
     "@types/yargs" "^16.0.0"
     chalk "^4.0.0"
 
-"@jest/types@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.1.tgz#d059bbc80e6da6eda9f081f293299348bd78ee0b"
-  integrity sha512-vRXVqSg1VhDnB8bWcmvLzmg0Bt9CRKVgHPXqYwvWMX3TvAjeO+nRuK6+VdTKCtWOvYlmkF/HqNAL/z+N3B53Kw==
+"@jest/types@^28.1.3":
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.3.tgz#b05de80996ff12512bc5ceb1d208285a7d11748b"
+  integrity sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==
   dependencies:
-    "@jest/schemas" "^28.0.2"
+    "@jest/schemas" "^28.1.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
@@ -989,28 +1019,41 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
 "@jridgewell/gen-mapping@^0.3.0":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.1.tgz#cf92a983c83466b8c0ce9124fadeaf09f7c66ea9"
-  integrity sha512-GcHwniMlA2z+WFPWuY8lp3fsza0I8xPFMWL5+n8LYyP6PSvPrXf4+n8stDHZY2DM0zy9sVkRDy1jDI4XGzYVqg==
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
+  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
   dependencies:
-    "@jridgewell/set-array" "^1.0.0"
+    "@jridgewell/set-array" "^1.0.1"
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
 "@jridgewell/resolve-uri@^3.0.3":
-  version "3.0.7"
-  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.7.tgz#30cd49820a962aff48c8fffc5cd760151fca61fe"
-  integrity sha512-8cXDaBBHOr2pQ7j77Y6Vp5VDT2sIqWyWQ56TjEq4ih/a4iST3dItRe8Q9fp0rrIl9DoKhWQtUQz/YpOxLkXbNA==
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
+  integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
 
 "@jridgewell/set-array@^1.0.0":
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.1.tgz#36a6acc93987adcf0ba50c66908bd0b70de8afea"
   integrity sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==
 
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
+"@jridgewell/source-map@^0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb"
+  integrity sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.0"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
 "@jridgewell/sourcemap-codec@^1.4.10":
-  version "1.4.13"
-  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz#b6461fb0c2964356c469e115f504c95ad97ab88c"
-  integrity sha512-GryiOJmNcWbovBxTfZSF71V/mXbgcV3MewDe3kIMCLyIh5e7SKAeUZs+rMnJ8jkMolZ/4/VsdBmMrw3l+VdZ3w==
+  version "1.4.14"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
+  integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
 "@jridgewell/trace-mapping@0.3.9":
   version "0.3.9"
@@ -1020,26 +1063,18 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.7":
-  version "0.3.13"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.13.tgz#dcfe3e95f224c8fe97a87a5235defec999aa92ea"
-  integrity sha512-o1xbKhp9qnIAoHJSWd6KlCZfqslL4valSF81H8ImioOAxluWYWOpWkpyktY2vnt4tbrX9XYaxovq6cgowaJp2w==
+"@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.13", "@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.14"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
+  integrity sha512-bJWEfQ9lPTvm3SneWwRFVLzrh6nhjwqw7TUFFBEMzwvg7t7PCDenf2lDwqo4NQXzdpgBXyFgDWnQA+2vkruksQ==
   dependencies:
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.11"
-  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.11.tgz#eb2e124521f27673493030d02dffedf60e56553f"
-  integrity sha512-RllI476aSMsxzeI9TtlSMoNTgHDxEmnl6GkkHwhr0vdL8W+0WuesyI8Vd3rBOfrwtPXbPxdT9ADJdiOKgzxPQA==
-  dependencies:
-    "@jridgewell/resolve-uri" "^3.0.3"
-    "@jridgewell/sourcemap-codec" "^1.4.10"
-
-"@kubernetes/client-node@^0.16.3":
-  version "0.16.3"
-  resolved "https://registry.yarnpkg.com/@kubernetes/client-node/-/client-node-0.16.3.tgz#a26a5abbd6e45603b4f75f0baff00e19853e5be7"
-  integrity sha512-L7IckuyuPfhd+/Urib8MRas9D6sfKEq8IaITYcaE6LlU+Y8MeD7MTbuW6Yb2WdeRuFN8HPSS47mxPnOUNYBXEg==
+"@kubernetes/client-node@^0.17.0":
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/@kubernetes/client-node/-/client-node-0.17.0.tgz#cbf69ff6c8a311c1461275169612ac46db00fe3f"
+  integrity sha512-oKQfRf7RPpJIF2Ft92g6jefbW3Mddf6IzcfpBNDWrAy66LmyAWds6fQTMsdutGPuXV6KD29u6RfM3rdzddGMIA==
   dependencies:
     "@types/js-yaml" "^4.0.1"
     "@types/node" "^10.12.0"
@@ -1053,7 +1088,7 @@
     isomorphic-ws "^4.0.1"
     js-yaml "^4.1.0"
     jsonpath-plus "^0.19.0"
-    openid-client "^4.1.1"
+    openid-client "^5.1.6"
     request "^2.88.0"
     rfc4648 "^1.3.0"
     shelljs "^0.8.5"
@@ -1189,53 +1224,64 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
-"@ogre-tools/fp@9.0.0", "@ogre-tools/fp@^9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/fp/-/fp-9.0.0.tgz#926cd4f13b52961156161feeeafddf22a0ad39c0"
-  integrity sha512-kMUgzhdjHuph0UWteOfyXNGBavZJX23NOA5su6fx9NdTzWhl9yB5Uf6Q//nOvL9COftjZDwnAgIaDU4MPdjyqA==
+"@npmcli/fs@^1.0.0":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@npmcli/fs/-/fs-1.1.1.tgz#72f719fe935e687c56a4faecf3c03d06ba593257"
+  integrity sha512-8KG5RD0GVP4ydEzRn/I4BNDuxDtqVbOdm8675T49OIG/NGhaK0pjPX7ZcDlvKYbA+ulvVK3ztfcF4uBdOxuJbQ==
+  dependencies:
+    "@gar/promisify" "^1.0.1"
+    semver "^7.3.5"
+
+"@npmcli/move-file@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@npmcli/move-file/-/move-file-1.1.2.tgz#1a82c3e372f7cae9253eb66d72543d6b8685c674"
+  integrity sha512-1SUf/Cg2GzGDyaf15aR9St9TWlb+XvbZXWpDx8YKs7MLzMH/BCeopv+y9vzrzgkfykCGuWOlSu3mZhj2+FQcrg==
+  dependencies:
+    mkdirp "^1.0.4"
+    rimraf "^3.0.2"
+
+"@ogre-tools/fp@10.1.0", "@ogre-tools/fp@^10.1.0":
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/fp/-/fp-10.1.0.tgz#e83c4dad97416c62d89913c0c0a34e734ae06b8b"
+  integrity sha512-ZqGQXytucSWbSoNjrdyHAiIWO0LotxBU+aI5hCcqedWg9TzNzf78YKD6ngHXxVEwT/JYsslxXMxzE4LNdo8Cbg==
   dependencies:
     lodash "^4.17.21"
 
-"@ogre-tools/injectable-extension-for-auto-registration@9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-auto-registration/-/injectable-extension-for-auto-registration-9.0.0.tgz#69463737ef4f7777db4703964b8a72a5fb82d6b3"
-  integrity sha512-+3I9Z0GfA04zZoj7Nw5WhJLDFLJgr5xv8Kp1zPDuT9/OvE9EA6hzAqakMDLbvn1zZOJjkJCGk44x6UjSQJp/9w==
+"@ogre-tools/injectable-extension-for-auto-registration@10.1.0":
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-auto-registration/-/injectable-extension-for-auto-registration-10.1.0.tgz#a46d23cf5cf880e416a46238ecb54e7f933f9d89"
+  integrity sha512-G9UKcaYr4DHViXHIKigzy6jI2ZhQC+K6idc1M4W/l4IazaV26Gwj1MSI5nrJ6Z4aRAzILFKM4dzkvZNFjkyGrw==
   dependencies:
-    "@ogre-tools/fp" "^9.0.0"
-    "@ogre-tools/injectable" "^9.0.0"
+    "@ogre-tools/fp" "^10.1.0"
+    "@ogre-tools/injectable" "^10.1.0"
     lodash "^4.17.21"
 
-"@ogre-tools/injectable-extension-for-mobx@9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-mobx/-/injectable-extension-for-mobx-9.0.0.tgz#ed14df39b266e521272977821d3e05bcbd647577"
-  integrity sha512-9Hrtr7AdibcD+Fqn2qNsjiOUakAACO55TB1IqNsOJMMuqQHVB5SFZTHBzdVRqqqY2MwQvWYvd4xfy+beItD/xw==
+"@ogre-tools/injectable-extension-for-mobx@10.1.0":
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-extension-for-mobx/-/injectable-extension-for-mobx-10.1.0.tgz#b1efaafb048f2ceb5588daad708dbeffbd2ec7d1"
+  integrity sha512-G5A6FSgBMTlD6Qdd6xzeuVzcyHGS+tTUW7DCBbYLJqZ3Y8/PprSomhunrNrrcuZdM0K16BpQT8o6OHw4Z/Kqiw==
   dependencies:
-    "@ogre-tools/fp" "^9.0.0"
-    "@ogre-tools/injectable" "^9.0.0"
+    "@ogre-tools/fp" "^10.1.0"
+    "@ogre-tools/injectable" "^10.1.0"
     lodash "^4.17.21"
 
-"@ogre-tools/injectable-react@9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-react/-/injectable-react-9.0.0.tgz#c5c510e893a5c1d7994d8709f70606967cabdec2"
-  integrity sha512-vGQrwkcWibRUWFPbu392riBYY4dXK051FxwyMsDYNRqmvaLo8HuumwjzS1DWS7db/P9Li+Kc+Ms670xIZepcpA==
+"@ogre-tools/injectable-react@10.1.0":
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable-react/-/injectable-react-10.1.0.tgz#5c9b4b5eb9e5843cc966629131104055180ba18c"
+  integrity sha512-4ReLJm8QcruCEm4KFhbsXLki3YiKRwlg3Mg7C2d8KyUfg+MUA5VdvgQSn3HthnyejiXlYCinqJLw83IryX/GNA==
   dependencies:
-    "@ogre-tools/fp" "^9.0.0"
-    "@ogre-tools/injectable" "^9.0.0"
+    "@ogre-tools/fp" "^10.1.0"
+    "@ogre-tools/injectable" "^10.1.0"
     lodash "^4.17.21"
 
-"@ogre-tools/injectable@9.0.0", "@ogre-tools/injectable@^9.0.0":
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable/-/injectable-9.0.0.tgz#0819bc7b5fbae0a467f3250b10b4adb003268067"
-  integrity sha512-z9X86Q9AEkkilLu9V33j/aXv/IUoG944AdfN6WX2zZgJqRNjESN9spoOMqdKqib6JmEjCRxpMvaMwHLQSh14fg==
+"@ogre-tools/injectable@10.1.0", "@ogre-tools/injectable@^10.1.0":
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/@ogre-tools/injectable/-/injectable-10.1.0.tgz#5051cc6a673576028e00439fc3e3f053ecdda030"
+  integrity sha512-7h7P5nfAFqnSny341FFT6cbJCmXVlGqA4zwTOpwKsGyC1h90NWtQZ+PUxY5MKl7rFWW/wpXgAKQqtf27Vy41Qw==
   dependencies:
-    "@ogre-tools/fp" "^9.0.0"
+    "@ogre-tools/fp" "^10.1.0"
     lodash "^4.17.21"
 
-"@panva/asn1.js@^1.0.0":
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/@panva/asn1.js/-/asn1.js-1.0.0.tgz#dd55ae7b8129e02049f009408b97c61ccf9032f6"
-  integrity sha512-UdkG3mLEqXgnlKsWanWcgb6dOjUzJ+XC5f+aWw30qrtjxeNUSfKX1cd5FBzOaXQumoe9nIqeZUvrRJS03HCCtw==
-
 "@pmmmwh/react-refresh-webpack-plugin@^0.5.7":
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.7.tgz#58f8217ba70069cc6a73f5d7e05e85b458c150e2"
@@ -1375,10 +1421,10 @@
   resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
   integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
 
-"@sinclair/typebox@^0.23.3":
-  version "0.23.5"
-  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.23.5.tgz#93f7b9f4e3285a7a9ade7557d9a8d36809cbc47d"
-  integrity sha512-AFBVi/iT4g20DHoujvMH1aEDn8fGJh4xsRGCP6d8RpLPMqsNPvW01Jcn0QysXTsg++/xj25NmJsGyH9xug/wKg==
+"@sinclair/typebox@^0.24.1":
+  version "0.24.20"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.20.tgz#11a657875de6008622d53f56e063a6347c51a6dd"
+  integrity sha512-kVaO5aEFZb33nPMTZBxiPEkY+slxiPtqC7QX8f9B3eGOMBvEfuMfxp9DSTTCsRJPumPKjrge4yagyssO4q6qzQ==
 
 "@sindresorhus/is@^0.14.0":
   version "0.14.0"
@@ -1397,104 +1443,136 @@
   dependencies:
     type-detect "4.0.8"
 
-"@sinonjs/fake-timers@^9.1.1":
+"@sinonjs/fake-timers@^9.1.2":
   version "9.1.2"
   resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-9.1.2.tgz#4eaab737fab77332ab132d396a3c0d364bd0ea8c"
   integrity sha512-BPS4ynJW/o92PUR4wgriz2Ud5gpST5vz6GQfMixEDK0Z8ZCUv2M7SkBLykH56T++Xs+8ln9zTGbOvNGIe02/jw==
   dependencies:
     "@sinonjs/commons" "^1.7.0"
 
-"@swc/core-android-arm-eabi@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-android-arm-eabi/-/core-android-arm-eabi-1.2.197.tgz#fdc58468a4c8599cdb33b262ff8377e04d68c3e4"
-  integrity sha512-BNIexULLlBCU7jIbXA/+BpMUwraFbyifPkOlyC8MriyoR7wfW5cau56yOUztxrr7VdxcByMK+nO70WkVydUV3w==
+"@swc/cli@^0.1.57":
+  version "0.1.57"
+  resolved "https://registry.yarnpkg.com/@swc/cli/-/cli-0.1.57.tgz#a9c424de5a217ec20a4b7c2c0e5c343980537e83"
+  integrity sha512-HxM8TqYHhAg+zp7+RdTU69bnkl4MWdt1ygyp6BDIPjTiaJVH6Dizn2ezbgDS8mnFZI1FyhKvxU/bbaUs8XhzQg==
+  dependencies:
+    commander "^7.1.0"
+    fast-glob "^3.2.5"
+    slash "3.0.0"
+    source-map "^0.7.3"
 
-"@swc/core-android-arm64@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-android-arm64/-/core-android-arm64-1.2.197.tgz#fcf60c7773ad7529cd3606a211c0fbac283c8c1c"
-  integrity sha512-H1AJfQkojk+INurBwiHJf4iRpRwTI2I43TWUVbxXCyfAc9K9hfKNJFzp5Xapka5nLSgSD2ZNZgseMbfwUcYq6A==
+"@swc/core-android-arm-eabi@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-android-arm-eabi/-/core-android-arm-eabi-1.2.246.tgz#93ea1a172a505c1adf2e18f86ed6e44e963f375a"
+  integrity sha512-3LXgOhtZnDsBacv71WRhuiuzjD0Q7m3XLzGyndtNZ+os4SOlmFiOTjZ3iMhnafKWZslmgAFrMemLPDOH+Np8OQ==
+  dependencies:
+    "@swc/wasm" "1.2.122"
 
-"@swc/core-darwin-arm64@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.2.197.tgz#091ce5b565c2295d49d872ebc684d89bbe7e756a"
-  integrity sha512-JIfXS1HHKKwZlVoKhVTllvD0m0sXiIneaw9TwXtUrHe6K95wJ53q82sqJyqBOWimh9ulCcB2M+XuqK4zDGbosA==
+"@swc/core-android-arm64@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-android-arm64/-/core-android-arm64-1.2.246.tgz#e8609638f7f15dd44adbf51d4f7990472a281844"
+  integrity sha512-m/BCkI7Wo4nMN6PLM1EnO43p7aoi9sxY3KESVCyAEZ07QlY++a0GEgVqCkKHWZ8zcfbLsesDA2E9/DYMOgPzxg==
+  dependencies:
+    "@swc/wasm" "1.2.130"
 
-"@swc/core-darwin-x64@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.2.197.tgz#fa78db11674fbffb86c2346de2212f806377d67f"
-  integrity sha512-Ml7MXJgrNuSGVNvEbeB1BoWFZ2rPhRBSa7IyvfTMmB/oDEvIKIkWH/5hEYdCy99s8XQ6ufqdMjPVqOFRuRXfig==
+"@swc/core-darwin-arm64@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-arm64/-/core-darwin-arm64-1.2.246.tgz#d7eb1e17543a22a4e730f3ffde442c69d80d0a43"
+  integrity sha512-w3RbXiGPE1LshUS5T3McBJAxl9gCFZanaY5ALuUNERAIdjVxjGmB815O0hPDmjlJrhvwhKI9+Rx4X/M1vlZDtA==
 
-"@swc/core-freebsd-x64@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-freebsd-x64/-/core-freebsd-x64-1.2.197.tgz#c83c03368c748bd7e87c2f8013cb3d1861732ebb"
-  integrity sha512-Ae6aDvBS/VGAHP3szmampFDzNZ/fOKVAhI1qqQauShzyIqXGL83GZ2zhC1FA94oC5Kora7VHz43DPqUuYRQPtg==
+"@swc/core-darwin-x64@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-darwin-x64/-/core-darwin-x64-1.2.246.tgz#c9e55373bfbfcf1c9867d5bc0ddddbe4edfa3196"
+  integrity sha512-2odv/ZlV9VsQuQDIul1jU2+u5vPCw6Xyg0BaejaA5FCcnXi6w2xf6/ryFFgQy4i+LP3oZdOtJG1dZiA8ozplKw==
 
-"@swc/core-linux-arm-gnueabihf@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.2.197.tgz#d59ffb35eab9372c126009642b392a0e4efbe80c"
-  integrity sha512-cqIeaBzVVfsCW4CvJdxPwz9EHqnJZ+0K6gfTuHDa6Fp6ThWZtqKQhK4zL4hV3L4nWj7bqbOYKSUbdR79p4v92Q==
+"@swc/core-freebsd-x64@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-freebsd-x64/-/core-freebsd-x64-1.2.246.tgz#3b6f8122daf61f0db9860a8dcd0e8f7f765337f9"
+  integrity sha512-GvQuHKTc8TyJ3jn1e4HZasgGfBvD3nGe55syzAAaedh8tuU7VnQjxl1Dtq5DtyCBDDbulzuHcwLFQnWNWgEMyA==
+  dependencies:
+    "@swc/wasm" "1.2.130"
 
-"@swc/core-linux-arm64-gnu@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.2.197.tgz#789739ae412f0d13dbf560f0b9d48b05d7d4cd9d"
-  integrity sha512-1HHSnImnLAvuBpiDi7kJwyPEbAfSkLpL5IEMSQas90jDrIrSwgmnPLE5qBJwPasyrT8hJ/3n297tR+SlcudT/Q==
+"@swc/core-linux-arm-gnueabihf@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.2.246.tgz#bdc5b418ff1eda1b7df256fb584b5407f37bbc9f"
+  integrity sha512-J1g/q9S9I0uLn/erHoIEpYvzr48oTiVY2cmniw/q0jRfg+ECTI24AjWQj5sdIoB+GLqEn5+GNhUbYIVoCTubRA==
+  dependencies:
+    "@swc/wasm" "1.2.130"
 
-"@swc/core-linux-arm64-musl@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.2.197.tgz#d38b6394d24fa6c2627aed173d69325816ed8907"
-  integrity sha512-C2GTIN5XgN/3zvwZITQnEuBMsPE2gQ5kkFjTFF9sKqG8tNUI8V+FP6AV4h7IkLccT1CgSWM7GCP4LsL2OC2iBA==
+"@swc/core-linux-arm64-gnu@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.2.246.tgz#d6ff4ab60efe0c19c88be6dd075fad33cec9c5a6"
+  integrity sha512-J7B6XgOiNgCyZp5WXkC0wi2ov3SpS5z3o6++n0qz8d1UqswDaOjnpGQgPITXFkKFFrs/uWdPiNbbBsMum6C5gQ==
 
-"@swc/core-linux-x64-gnu@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.2.197.tgz#39ca0bd48b0b2b7b5bcebb48bd27fac3edc37cce"
-  integrity sha512-AHEHo9/u9GIBPUqsCkGWWe6WqGWAk07UklHm0k6Z99Z3OgsDfyDRECMVZGIAgMr1HqPPzsJCP5AmQ6WKZNBrfQ==
+"@swc/core-linux-arm64-musl@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.2.246.tgz#589200804065c8023c3e91c6057d59135619f915"
+  integrity sha512-AFv/95BgZkdrLa5YfvP/69v8qT+zq0pRVZxv/IUW1mmM1UGVKrcU0i0y/haYivIFcLX+Ox5IYmIibO9C9P9pOA==
 
-"@swc/core-linux-x64-musl@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.2.197.tgz#673a86c7de79b405f675b14710d29cd81c23e37b"
-  integrity sha512-ZnawXY/s0YJnUqWZCN91VkPzTcH1hImOzUvwJ8f7uCIIYOLHYdjUa5S6xPVNHqOEanNYaeCq354LxBytYIo83g==
+"@swc/core-linux-x64-gnu@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.2.246.tgz#283a8d0e94e58dd8bb0e2cecf9bad76ddcafc04d"
+  integrity sha512-egM6QX7PaLB2cQXJidfQvwT9OzUkTl1XIUVz+IOpv4om0xxtyJQjy/2ENjjtiw7C9IuV1xASOLlE1tMfLY7osw==
 
-"@swc/core-win32-arm64-msvc@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.2.197.tgz#73a4d89530985a7b784c8037a297f3bcce19bb98"
-  integrity sha512-jYnc5c2fn2z0oyy8mJkxstc4qxjZnQsf6YmCM32bm4un05MQg+4y4VxWxY7NMCPRaf8zWojcAy1wltuidbIe/A==
+"@swc/core-linux-x64-musl@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.2.246.tgz#ea63a3b5347d1f9785c9b07fc94dd161549cbf72"
+  integrity sha512-SKJRqgcbiZ4h2O0p+JA/NsmmV1ZwHTxdMRKkiNSvkyybGyOwPgP01CVITggVohz0j9NGwgIVAJOcn4Hx5WCcuw==
 
-"@swc/core-win32-ia32-msvc@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.2.197.tgz#a3cca42555d43636665ea0b3c60d29a41657492e"
-  integrity sha512-l8wa+2brxw8UUCNn65wBtUECVCs3w4WBOiTpT/+rPJF9vYVL7gt2rds73a+yB6rSIhOZqEseazIHi2aQ1S9bxQ==
+"@swc/core-win32-arm64-msvc@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.2.246.tgz#8ecf344ed7b550d3607061f038ea47e62e89757e"
+  integrity sha512-VISXunc1sU0jm5dC37TLXYTdmIcz4b9ItfrGpc+hIZWDwGbagSwHiThnJL3OlpZQrcrbZ0w+/zg4EYb5JenbXg==
+  dependencies:
+    "@swc/wasm" "1.2.130"
 
-"@swc/core-win32-x64-msvc@1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.2.197.tgz#611d4f6c490bfa0503c8a5567bfbef70c78cb7b3"
-  integrity sha512-uYf+Zch1rhNK3nAYL9C5a5WjtlffLkRf4Dh1OmuqNGmm7EI+AdwTECZX3cT1iICGb2J3GHUJlfPsNdllG8L9qA==
+"@swc/core-win32-ia32-msvc@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.2.246.tgz#db7c81cc75b552a2ced466ae84a5d4abc0bab9f6"
+  integrity sha512-4tp3BrFur90PB2EM5vvfsw2zyBDFhC1PRAYGXJf9oF0Fnf4kQt+cBYXGy13I/kJfhd/cKQJC8o9lBV+dtLtGDg==
+  dependencies:
+    "@swc/wasm" "1.2.130"
 
-"@swc/core@^1.2.197":
-  version "1.2.197"
-  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.2.197.tgz#b22eb441429b37913fb7872ecfd2d9fb6a8d1be6"
-  integrity sha512-W7gUaNCrm4i26ZUMilPZjHiQck8mOMfOuZuXj1YrISMR20orACgEHz4kJHbqfXzHhqeS4CGwBkzi9h1lHrwKtw==
+"@swc/core-win32-x64-msvc@1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.2.246.tgz#2471e8dda585ee3d8cbabdd6bda7bc9547cbb359"
+  integrity sha512-wD22xEFdiYtpq7Nwq1k8Dqwe08zrgaEhO9rn7G9DUtjHPSeIOpNQ1dQrzGBVK5Ah/3WJuciCAyUbVtaDUROhEQ==
+
+"@swc/core@^1.2.246":
+  version "1.2.246"
+  resolved "https://registry.yarnpkg.com/@swc/core/-/core-1.2.246.tgz#c24c5b0599558e69fa36c48a97b40d9995fcb672"
+  integrity sha512-wi0IZLv5GC2zjZoiEDoLZraS7/ZV2Y6vnAII//Ulobvdc4zuQoceJvYvyO3IJMB0bZVoiY/fn0Ae/iEMx9PFBQ==
   optionalDependencies:
-    "@swc/core-android-arm-eabi" "1.2.197"
-    "@swc/core-android-arm64" "1.2.197"
-    "@swc/core-darwin-arm64" "1.2.197"
-    "@swc/core-darwin-x64" "1.2.197"
-    "@swc/core-freebsd-x64" "1.2.197"
-    "@swc/core-linux-arm-gnueabihf" "1.2.197"
-    "@swc/core-linux-arm64-gnu" "1.2.197"
-    "@swc/core-linux-arm64-musl" "1.2.197"
-    "@swc/core-linux-x64-gnu" "1.2.197"
-    "@swc/core-linux-x64-musl" "1.2.197"
-    "@swc/core-win32-arm64-msvc" "1.2.197"
-    "@swc/core-win32-ia32-msvc" "1.2.197"
-    "@swc/core-win32-x64-msvc" "1.2.197"
+    "@swc/core-android-arm-eabi" "1.2.246"
+    "@swc/core-android-arm64" "1.2.246"
+    "@swc/core-darwin-arm64" "1.2.246"
+    "@swc/core-darwin-x64" "1.2.246"
+    "@swc/core-freebsd-x64" "1.2.246"
+    "@swc/core-linux-arm-gnueabihf" "1.2.246"
+    "@swc/core-linux-arm64-gnu" "1.2.246"
+    "@swc/core-linux-arm64-musl" "1.2.246"
+    "@swc/core-linux-x64-gnu" "1.2.246"
+    "@swc/core-linux-x64-musl" "1.2.246"
+    "@swc/core-win32-arm64-msvc" "1.2.246"
+    "@swc/core-win32-ia32-msvc" "1.2.246"
+    "@swc/core-win32-x64-msvc" "1.2.246"
 
-"@swc/jest@^0.2.21":
-  version "0.2.21"
-  resolved "https://registry.yarnpkg.com/@swc/jest/-/jest-0.2.21.tgz#e8c4e234016a914f4cfbb7d75844860a250c1d1c"
-  integrity sha512-/+NcExiZbxXANNhNPnIdFuGq62CeumulLS1bngwqIXd8H7d96LFUfrYzdt8tlTwLMel8tFtQ5aRjzVkyOTyPDw==
+"@swc/jest@^0.2.22":
+  version "0.2.22"
+  resolved "https://registry.yarnpkg.com/@swc/jest/-/jest-0.2.22.tgz#70d02ac648c21a442016d7a0aa485577335a4c9a"
+  integrity sha512-PIUIk9IdB1oAVfF9zNIfYoMBoEhahrrSvyryFANas7swC1cF0L5HR0f9X4qfet46oyCHCBtNcSpN0XJEOFIKlw==
   dependencies:
     "@jest/create-cache-key-function" "^27.4.2"
 
+"@swc/wasm@1.2.122":
+  version "1.2.122"
+  resolved "https://registry.yarnpkg.com/@swc/wasm/-/wasm-1.2.122.tgz#87a5e654b26a71b2e84b801f41e45f823b856639"
+  integrity sha512-sM1VCWQxmNhFtdxME+8UXNyPNhxNu7zdb6ikWpz0YKAQQFRGT5ThZgJrubEpah335SUToNg8pkdDF7ibVCjxbQ==
+
+"@swc/wasm@1.2.130":
+  version "1.2.130"
+  resolved "https://registry.yarnpkg.com/@swc/wasm/-/wasm-1.2.130.tgz#88ac26433335d1f957162a9a92f1450b73c176a0"
+  integrity sha512-rNcJsBxS70+pv8YUWwf5fRlWX6JoY/HJc25HD/F8m6Kv7XhJdqPPMhyX6TKkUBPAG7TWlZYoxa+rHAjPy4Cj3Q==
+
 "@szmarczak/http-timer@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
@@ -1537,16 +1615,16 @@
     lz-string "^1.4.4"
     pretty-format "^26.6.2"
 
-"@testing-library/jest-dom@^5.16.4":
-  version "5.16.4"
-  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.4.tgz#938302d7b8b483963a3ae821f1c0808f872245cd"
-  integrity sha512-Gy+IoFutbMQcky0k+bqqumXZ1cTGswLsFqmNLzNdSKkU9KGV2u9oXhukCbbJ9/LRPKiqwxEE8VpV/+YZlfkPUA==
+"@testing-library/jest-dom@^5.16.5":
+  version "5.16.5"
+  resolved "https://registry.yarnpkg.com/@testing-library/jest-dom/-/jest-dom-5.16.5.tgz#3912846af19a29b2dbf32a6ae9c31ef52580074e"
+  integrity sha512-N5ixQ2qKpi5OLYfwQmUb/5mSV9LneAcaUfp32pn4yCnpb8r/Yz0pXFPck21dIicKmi+ta5WRAknkZCfA8refMA==
   dependencies:
+    "@adobe/css-tools" "^4.0.1"
     "@babel/runtime" "^7.9.2"
     "@types/testing-library__jest-dom" "^5.9.1"
     aria-query "^5.0.0"
     chalk "^3.0.0"
-    css "^3.0.0"
     css.escape "^1.5.1"
     dom-accessibility-api "^0.5.6"
     lodash "^4.17.15"
@@ -1754,10 +1832,10 @@
   dependencies:
     "@types/ms" "*"
 
-"@types/dompurify@^2.3.3":
-  version "2.3.3"
-  resolved "https://registry.yarnpkg.com/@types/dompurify/-/dompurify-2.3.3.tgz#c24c92f698f77ed9cc9d9fa7888f90cf2bfaa23f"
-  integrity sha512-nnVQSgRVuZ/843oAfhA25eRSNzUFcBPk/LOiw5gm8mD9/X7CNcbRkQu/OsjCewO8+VIYfPxUnXvPEVGenw14+w==
+"@types/dompurify@^2.3.4":
+  version "2.3.4"
+  resolved "https://registry.yarnpkg.com/@types/dompurify/-/dompurify-2.3.4.tgz#94e997e30338ea24d4c8d08beca91ce4dd17a1b4"
+  integrity sha512-EXzDatIb5EspL2eb/xPGmaC8pePcTHrkDCONjeisusLFrVfl38Pjea/R0YJGu3k9ZQadSvMqW0WXPI2hEo2Ajg==
   dependencies:
     "@types/trusted-types" "*"
 
@@ -1935,21 +2013,13 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/jest@*":
-  version "27.5.0"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.5.0.tgz#e04ed1824ca6b1dd0438997ba60f99a7405d4c7b"
-  integrity sha512-9RBFx7r4k+msyj/arpfaa0WOOEcaAZNmN+j80KFbFCoSqCJGHTz7YMAMGQW9Xmqm5w6l5c25vbSjMwlikJi5+g==
+"@types/jest@*", "@types/jest@^28.1.6":
+  version "28.1.6"
+  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.6.tgz#d6a9cdd38967d2d746861fb5be6b120e38284dd4"
+  integrity sha512-0RbGAFMfcBJKOmqRazM8L98uokwuwD5F8rHrv/ZMbrZBwVOWZUyPG6VFNscjYr/vjM3Vu4fRrCPbOs42AfemaQ==
   dependencies:
-    jest-matcher-utils "^27.0.0"
-    pretty-format "^27.0.0"
-
-"@types/jest@^28.1.1":
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/@types/jest/-/jest-28.1.1.tgz#8c9ba63702a11f8c386ee211280e8b68cb093cd1"
-  integrity sha512-C2p7yqleUKtCkVjlOur9BWVA4HgUQmEj/HWCt5WzZ5mLXrWnyIfl0wGuArc+kBXsy0ZZfLp+7dywB4HtSVYGVA==
-  dependencies:
-    jest-matcher-utils "^27.0.0"
-    pretty-format "^27.0.0"
+    jest-matcher-utils "^28.0.0"
+    pretty-format "^28.0.0"
 
 "@types/js-yaml@^4.0.1", "@types/js-yaml@^4.0.5":
   version "4.0.5"
@@ -1987,15 +2057,15 @@
   dependencies:
     "@types/node" "*"
 
-"@types/lodash@^4.14.181":
-  version "4.14.182"
-  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.182.tgz#05301a4d5e62963227eaafe0ce04dd77c54ea5c2"
-  integrity sha512-/THyiqyQAP9AfARo4pF+aCGcyiQ94tX/Is2I7HofNRqoYLgN1PBoOWu2/zTA5zMxzP5EFutMtWtGAFRKUe961Q==
+"@types/lodash@^4.14.184":
+  version "4.14.184"
+  resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.184.tgz#23f96cd2a21a28e106dc24d825d4aa966de7a9fe"
+  integrity sha512-RoZphVtHbxPZizt4IcILciSWiC6dcn+eZ8oX9IWEYfDMcocdd42f7NPI6fQj+6zI8y4E0L7gu2pcZKLGTRaV9Q==
 
-"@types/marked@^4.0.3":
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-4.0.3.tgz#2098f4a77adaba9ce881c9e0b6baf29116e5acc4"
-  integrity sha512-HnMWQkLJEf/PnxZIfbm0yGJRRZYYMhb++O9M36UCTA9z53uPvVoSlAwJr3XOpDEryb7Hwl1qAx/MV6YIW1RXxg==
+"@types/marked@^4.0.6":
+  version "4.0.6"
+  resolved "https://registry.yarnpkg.com/@types/marked/-/marked-4.0.6.tgz#9ca544c1057f3c8b3f649b5e8e56d9241e3ca22d"
+  integrity sha512-ITAVUzsnVbhy5afxhs4PPPbrv2hKVEDH5BhhaQNQlVG0UNu+9A18XSdYr53nBdHZ0ADEQLl+ciOjXbs7eHdiQQ==
 
 "@types/md5-file@^4.0.2":
   version "4.0.2"
@@ -2014,7 +2084,7 @@
   dependencies:
     mini-css-extract-plugin "*"
 
-"@types/minimatch@*":
+"@types/minimatch@*", "@types/minimatch@^3.0.3":
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.5.tgz#1001cc5e6a3704b83c236027e77f2f58ea010f40"
   integrity sha512-Klz949h02Gz2uZCMGwDUSDS1YBlTdDDgbWHi+81l29tQALUtvz4rAYi5uoVhE5Lagoq6DeqAUlbrHvW/mXDgdQ==
@@ -2054,24 +2124,19 @@
     form-data "^3.0.0"
 
 "@types/node@*":
-  version "17.0.31"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.31.tgz#a5bb84ecfa27eec5e1c802c6bbf8139bdb163a5d"
-  integrity sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==
+  version "17.0.24"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.24.tgz#20ba1bf69c1b4ab405c7a01e950c4f446b05029f"
+  integrity sha512-aveCYRQbgTH9Pssp1voEP7HiuWlD2jW2BO56w+bVrJn04i61yh6mRfoKO6hEYQD9vF+W8Chkwc6j1M36uPkx4g==
 
 "@types/node@^10.12.0":
   version "10.17.60"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-10.17.60.tgz#35f3d6213daed95da7f0f73e75bcc6980e90597b"
   integrity sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==
 
-"@types/node@^14.6.2":
-  version "14.18.18"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-14.18.18.tgz#5c9503030df484ccffcbb935ea9a9e1d6fad1a20"
-  integrity sha512-B9EoJFjhqcQ9OmQrNorItO+OwEOORNn3S31WuiHvZY/dm9ajkB7AKD/8toessEtHHNL+58jofbq7hMMY9v4yig==
-
-"@types/node@^16.11.41":
-  version "16.11.41"
-  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.41.tgz#88eb485b1bfdb4c224d878b7832239536aa2f813"
-  integrity sha512-mqoYK2TnVjdkGk8qXAVGc/x9nSaTpSrFaGFm43BUH3IdoBV0nta6hYaGmdOvIMlbHJbUEVen3gvwpwovAZKNdQ==
+"@types/node@^16.11.26", "@types/node@^16.11.55":
+  version "16.11.56"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-16.11.56.tgz#dcbb617669481e158e0f1c6204d1c768cd675901"
+  integrity sha512-aFcUkv7EddxxOa/9f74DINReQ/celqH8DiB3fRYgVDM2Xm5QJL8sl80QKuAnGvwAsMn+H3IFA6WCrQh1CY7m1A==
 
 "@types/npm@^2.0.32":
   version "2.0.32"
@@ -2277,10 +2342,10 @@
   resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
   integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
 
-"@types/semver@^7.3.6", "@types/semver@^7.3.9":
-  version "7.3.9"
-  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.9.tgz#152c6c20a7688c30b967ec1841d31ace569863fc"
-  integrity sha512-L/TMpyURfBkf+o/526Zb6kd/tchUP3iBDEPjqjb+U2MAJhVRxxrmr2fwpe08E7QsV7YLcpq0tUaQ9O9x97ZIxQ==
+"@types/semver@^7.3.12", "@types/semver@^7.3.6":
+  version "7.3.12"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.3.12.tgz#920447fdd78d76b19de0438b7f60df3c4a80bf1c"
+  integrity sha512-WwA1MW0++RfXmCr12xeYOOC5baSC9mSb0ZqCquFzKhcoF4TvHu5MKOuXsncgZcpVFhB1pXd5hZmM0ryAoCp12A==
 
 "@types/serve-index@^1.9.1":
   version "1.9.1"
@@ -2297,10 +2362,10 @@
     "@types/mime" "^1"
     "@types/node" "*"
 
-"@types/sharp@^0.30.4":
-  version "0.30.4"
-  resolved "https://registry.yarnpkg.com/@types/sharp/-/sharp-0.30.4.tgz#7430b5fcf37f35dd860112c4cf6dcd6a1ba0011b"
-  integrity sha512-6oJEzKt7wZeS7e+6x9QFEOWGs0T/6of00+0onZGN1zSmcSjcTDZKgIGZ6YWJnHowpaKUCFBPH52mYljWqU32Eg==
+"@types/sharp@^0.30.5":
+  version "0.30.5"
+  resolved "https://registry.yarnpkg.com/@types/sharp/-/sharp-0.30.5.tgz#d75d91f7acf5260525aeae229845046dcff6d17a"
+  integrity sha512-EhO29617AIBqxoVtpd1qdBanWpspk/kD2B6qTFRJ31Q23Rdf+DNU1xlHSwtqvwq1vgOqBwq1i38SX+HGCymIQg==
   dependencies:
     "@types/node" "*"
 
@@ -2423,10 +2488,10 @@
   dependencies:
     webpack-dev-server "*"
 
-"@types/webpack-env@^1.17.0":
-  version "1.17.0"
-  resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.17.0.tgz#f99ce359f1bfd87da90cc4a57cab0a18f34a48d0"
-  integrity sha512-eHSaNYEyxRA5IAG0Ym/yCyf86niZUIF/TpWKofQI/CVfh5HsMEUyfE2kwFxha4ow0s5g0LfISQxpDKjbRDrizw==
+"@types/webpack-env@^1.18.0":
+  version "1.18.0"
+  resolved "https://registry.yarnpkg.com/@types/webpack-env/-/webpack-env-1.18.0.tgz#ed6ecaa8e5ed5dfe8b2b3d00181702c9925f13fb"
+  integrity sha512-56/MAlX5WMsPVbOg7tAxnYvNYMMWr/QJiIp6BxVSW3JJXUVzzOn64qW8TzQyMSqSUFM2+PVI4aUHcHOzIz/1tg==
 
 "@types/webpack-node-externals@^2.5.3":
   version "2.5.3"
@@ -2506,14 +2571,14 @@
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.28.0.tgz#6204ac33bdd05ab27c7f77960f1023951115d403"
-  integrity sha512-DXVU6Cg29H2M6EybqSg2A+x8DgO9TCUBRp4QEXQHJceLS7ogVDP0g3Lkg/SZCqcvkAP/RruuQqK0gdlkgmhSUA==
+"@typescript-eslint/eslint-plugin@^5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.36.1.tgz#471f64dc53600025e470dad2ca4a9f2864139019"
+  integrity sha512-iC40UK8q1tMepSDwiLbTbMXKDxzNy+4TfPWgIL661Ym0sD42vRcQU93IsZIrmi+x292DBr60UI/gSwfdVYexCA==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.28.0"
-    "@typescript-eslint/type-utils" "5.28.0"
-    "@typescript-eslint/utils" "5.28.0"
+    "@typescript-eslint/scope-manager" "5.36.1"
+    "@typescript-eslint/type-utils" "5.36.1"
+    "@typescript-eslint/utils" "5.36.1"
     debug "^4.3.4"
     functional-red-black-tree "^1.0.1"
     ignore "^5.2.0"
@@ -2521,69 +2586,70 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/parser@^5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.28.0.tgz#639b101cad2bfb7ae16e69710ac95c42bd4eae33"
-  integrity sha512-ekqoNRNK1lAcKhZESN/PdpVsWbP9jtiNqzFWkp/yAUdZvJalw2heCYuqRmM5eUJSIYEkgq5sGOjq+ZqsLMjtRA==
+"@typescript-eslint/parser@^5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.36.1.tgz#931c22c7bacefd17e29734628cdec8b2acdcf1ce"
+  integrity sha512-/IsgNGOkBi7CuDfUbwt1eOqUXF9WGVBW9dwEe1pi+L32XrTsZIgmDFIi2RxjzsvB/8i+MIf5JIoTEH8LOZ368A==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.28.0"
-    "@typescript-eslint/types" "5.28.0"
-    "@typescript-eslint/typescript-estree" "5.28.0"
+    "@typescript-eslint/scope-manager" "5.36.1"
+    "@typescript-eslint/types" "5.36.1"
+    "@typescript-eslint/typescript-estree" "5.36.1"
     debug "^4.3.4"
 
-"@typescript-eslint/scope-manager@5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.28.0.tgz#ef9a5c68fecde72fd2ff8a84b9c120324826c1b9"
-  integrity sha512-LeBLTqF/he1Z+boRhSqnso6YrzcKMTQ8bO/YKEe+6+O/JGof9M0g3IJlIsqfrK/6K03MlFIlycbf1uQR1IjE+w==
+"@typescript-eslint/scope-manager@5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-5.36.1.tgz#23c49b7ddbcffbe09082e6694c2524950766513f"
+  integrity sha512-pGC2SH3/tXdu9IH3ItoqciD3f3RRGCh7hb9zPdN2Drsr341zgd6VbhP5OHQO/reUqihNltfPpMpTNihFMarP2w==
   dependencies:
-    "@typescript-eslint/types" "5.28.0"
-    "@typescript-eslint/visitor-keys" "5.28.0"
+    "@typescript-eslint/types" "5.36.1"
+    "@typescript-eslint/visitor-keys" "5.36.1"
 
-"@typescript-eslint/type-utils@5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.28.0.tgz#53ccc78fdcf0205ef544d843b84104c0e9c7ca8e"
-  integrity sha512-SyKjKh4CXPglueyC6ceAFytjYWMoPHMswPQae236zqe1YbhvCVQyIawesYywGiu98L9DwrxsBN69vGIVxJ4mQQ==
+"@typescript-eslint/type-utils@5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-5.36.1.tgz#016fc2bff6679f54c0b2df848a493f0ca3d4f625"
+  integrity sha512-xfZhfmoQT6m3lmlqDvDzv9TiCYdw22cdj06xY0obSznBsT///GK5IEZQdGliXpAOaRL34o8phEvXzEo/VJx13Q==
   dependencies:
-    "@typescript-eslint/utils" "5.28.0"
+    "@typescript-eslint/typescript-estree" "5.36.1"
+    "@typescript-eslint/utils" "5.36.1"
     debug "^4.3.4"
     tsutils "^3.21.0"
 
-"@typescript-eslint/types@5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.28.0.tgz#cffd9bcdce28db6daaa146e48a0be4387a6f4e9d"
-  integrity sha512-2OOm8ZTOQxqkPbf+DAo8oc16sDlVR5owgJfKheBkxBKg1vAfw2JsSofH9+16VPlN9PWtv8Wzhklkqw3k/zCVxA==
+"@typescript-eslint/types@5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.36.1.tgz#1cf0e28aed1cb3ee676917966eb23c2f8334ce2c"
+  integrity sha512-jd93ShpsIk1KgBTx9E+hCSEuLCUFwi9V/urhjOWnOaksGZFbTOxAT47OH2d4NLJnLhkVD+wDbB48BuaycZPLBg==
 
-"@typescript-eslint/typescript-estree@5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.28.0.tgz#3487d158d091ca2772b285e67412ff6d9797d863"
-  integrity sha512-9GX+GfpV+F4hdTtYc6OV9ZkyYilGXPmQpm6AThInpBmKJEyRSIjORJd1G9+bknb7OTFYL+Vd4FBJAO6T78OVqA==
+"@typescript-eslint/typescript-estree@5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.36.1.tgz#b857f38d6200f7f3f4c65cd0a5afd5ae723f2adb"
+  integrity sha512-ih7V52zvHdiX6WcPjsOdmADhYMDN15SylWRZrT2OMy80wzKbc79n8wFW0xpWpU0x3VpBz/oDgTm2xwDAnFTl+g==
   dependencies:
-    "@typescript-eslint/types" "5.28.0"
-    "@typescript-eslint/visitor-keys" "5.28.0"
+    "@typescript-eslint/types" "5.36.1"
+    "@typescript-eslint/visitor-keys" "5.36.1"
     debug "^4.3.4"
     globby "^11.1.0"
     is-glob "^4.0.3"
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.28.0.tgz#b27a136eac300a48160b36d2aad0da44a1341b99"
-  integrity sha512-E60N5L0fjv7iPJV3UGc4EC+A3Lcj4jle9zzR0gW7vXhflO7/J29kwiTGITA2RlrmPokKiZbBy2DgaclCaEUs6g==
+"@typescript-eslint/utils@5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-5.36.1.tgz#136d5208cc7a3314b11c646957f8f0b5c01e07ad"
+  integrity sha512-lNj4FtTiXm5c+u0pUehozaUWhh7UYKnwryku0nxJlYUEWetyG92uw2pr+2Iy4M/u0ONMKzfrx7AsGBTCzORmIg==
   dependencies:
     "@types/json-schema" "^7.0.9"
-    "@typescript-eslint/scope-manager" "5.28.0"
-    "@typescript-eslint/types" "5.28.0"
-    "@typescript-eslint/typescript-estree" "5.28.0"
+    "@typescript-eslint/scope-manager" "5.36.1"
+    "@typescript-eslint/types" "5.36.1"
+    "@typescript-eslint/typescript-estree" "5.36.1"
     eslint-scope "^5.1.1"
     eslint-utils "^3.0.0"
 
-"@typescript-eslint/visitor-keys@5.28.0":
-  version "5.28.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.28.0.tgz#982bb226b763c48fc1859a60de33fbf939d40a0f"
-  integrity sha512-BtfP1vCor8cWacovzzPFOoeW4kBQxzmhxGoOpt0v1SFvG+nJ0cWaVdJk7cky1ArTcFHHKNIxyo2LLr3oNkSuXA==
+"@typescript-eslint/visitor-keys@5.36.1":
+  version "5.36.1"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-5.36.1.tgz#7731175312d65738e501780f923896d200ad1615"
+  integrity sha512-ojB9aRyRFzVMN3b5joSYni6FAS10BBSCAfKJhjJAV08t/a95aM6tAhz+O1jF+EtgxktuSO3wJysp2R+Def/IWQ==
   dependencies:
-    "@typescript-eslint/types" "5.28.0"
+    "@typescript-eslint/types" "5.36.1"
     eslint-visitor-keys "^3.3.0"
 
 "@webassemblyjs/ast@1.11.1":
@@ -2759,7 +2825,15 @@ abort-controller@^3.0.0:
   dependencies:
     event-target-shim "^5.0.0"
 
-accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
+accepts@~1.3.4, accepts@~1.3.5:
+  version "1.3.7"
+  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
+  integrity sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==
+  dependencies:
+    mime-types "~2.1.24"
+    negotiator "0.6.2"
+
+accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
   integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
@@ -2814,6 +2888,33 @@ acorn@^8.2.4, acorn@^8.4.1, acorn@^8.5.0, acorn@^8.7.1:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.7.1.tgz#0197122c843d1bf6d0a5e83220a788f278f63c30"
   integrity sha512-Xx54uLJQZ19lKygFXOWsscKUbsBZW0CPykPhVQdhIeIwrbPmJzqeASDInc8nKBnp/JT6igTs82qPXz069H8I/A==
 
+acorn@^8.8.0:
+  version "8.8.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.0.tgz#88c0187620435c7f6015803f5539dae05a9dbea8"
+  integrity sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==
+
+adr@^1.4.1:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/adr/-/adr-1.4.1.tgz#78fd4aaaa3fd7c739f3caf89fa30202a6230e855"
+  integrity sha512-WRgljcIOPkWqEWaDTTd4mKmhpiUbucrUmc+gmXyFg2gF2EiQefJhBK0hhEKSIE+Ga+lDhDdk94qROvmG7gCdAQ==
+  dependencies:
+    colors "^1.3.3"
+    commander "^5.1.0"
+    find-in-files "^0.5.0"
+    inquirer "^7.1.0"
+    lru-cache "^5.1.1"
+    markdown "^0.5.0"
+    markdown-toc "^1.2.0"
+    mkdirp "^1.0.4"
+    moment "^2.24.0"
+    open-in-editor "^2.2.0"
+    remarkable "^2.0.1"
+    sharp "^0.30.4"
+    table "^5.4.1"
+    tslib "^2.0.0"
+    walk "^2.3.14"
+    walk-sync "^2.1.0"
+
 agent-base@4, agent-base@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-4.3.0.tgz#8165f01c436009bccad0b1d122f05ed770efc6ee"
@@ -2821,7 +2922,7 @@ agent-base@4, agent-base@^4.3.0:
   dependencies:
     es6-promisify "^5.0.0"
 
-agent-base@6:
+agent-base@6, agent-base@^6.0.2:
   version "6.0.2"
   resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-6.0.2.tgz#49fff58577cfee3f37176feab4c22e00f86d7f77"
   integrity sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==
@@ -2842,7 +2943,16 @@ agentkeepalive@^3.4.1:
   dependencies:
     humanize-ms "^1.2.1"
 
-aggregate-error@^3.0.0, aggregate-error@^3.1.0:
+agentkeepalive@^4.1.3:
+  version "4.2.1"
+  resolved "https://registry.yarnpkg.com/agentkeepalive/-/agentkeepalive-4.2.1.tgz#a7975cbb9f83b367f06c90cc51ff28fe7d499717"
+  integrity sha512-Zn4cw2NEqd+9fiSVWMscnjyQ1a8Yfoc5oBajLeo5w+YBHgDUcEBY2hS4YpTz6iN5f/2zQiktcuM6tS8x1p9dpA==
+  dependencies:
+    debug "^4.1.0"
+    depd "^1.1.2"
+    humanize-ms "^1.2.1"
+
+aggregate-error@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
   integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
@@ -2869,7 +2979,7 @@ ajv-keywords@^5.0.0:
   dependencies:
     fast-deep-equal "^3.1.3"
 
-ajv@^6.10.0, ajv@^6.12.0, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.0, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2915,6 +3025,13 @@ ansi-html-community@^0.0.8:
   resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
   integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
 
+ansi-red@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/ansi-red/-/ansi-red-0.1.1.tgz#8c638f9d1080800a353c9c28c8a81ca4705d946c"
+  integrity sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==
+  dependencies:
+    ansi-wrap "0.1.0"
+
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -2935,6 +3052,11 @@ ansi-regex@^5.0.0, ansi-regex@^5.0.1:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
+
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -2954,6 +3076,11 @@ ansi-styles@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
   integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
 
+ansi-wrap@0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/ansi-wrap/-/ansi-wrap-0.1.0.tgz#a82250ddb0015e9a27ca82e82ea603bbfa45efaf"
+  integrity sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==
+
 ansi_up@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/ansi_up/-/ansi_up-5.1.0.tgz#9cf10e6d359bb434bdcfab5ae4c3abfe1617b6db"
@@ -2982,35 +3109,36 @@ app-builder-bin@4.0.0:
   resolved "https://registry.yarnpkg.com/app-builder-bin/-/app-builder-bin-4.0.0.tgz#1df8e654bd1395e4a319d82545c98667d7eed2f0"
   integrity sha512-xwdG0FJPQMe0M0UA4Tz0zEB8rBJTRA5a476ZawAqiBkMv16GRK5xpXThOjMaEOFnZ6zabejjG4J3da0SXG63KA==
 
-app-builder-lib@23.0.3:
-  version "23.0.3"
-  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-23.0.3.tgz#44c90237abdc4ad9b34a24658bee022828ad6205"
-  integrity sha512-1qrtXYHXJfXhzJnMtVGjIva3067F1qYQubl2oBjI61gCBoCHvhghdYJ57XxXTQQ0VxnUhg1/Iaez87uXp8mD8w==
+app-builder-lib@23.3.3:
+  version "23.3.3"
+  resolved "https://registry.yarnpkg.com/app-builder-lib/-/app-builder-lib-23.3.3.tgz#78b9dbb0bd8a69842461edd77a3226d0547c5939"
+  integrity sha512-m0+M53+HYMzqKxwNQZT143K7WwXEGUy9LY31l8dJphXx2P/FQod615mVbxHyqbDCG4J5bHdWm21qZ0e2DVY6CQ==
   dependencies:
     "7zip-bin" "~5.1.1"
     "@develar/schema-utils" "~2.6.5"
-    "@electron/universal" "1.2.0"
+    "@electron/universal" "1.2.1"
     "@malept/flatpak-bundler" "^0.4.0"
     async-exit-hook "^2.0.1"
     bluebird-lst "^1.0.9"
-    builder-util "23.0.2"
-    builder-util-runtime "9.0.0"
+    builder-util "23.3.3"
+    builder-util-runtime "9.0.3"
     chromium-pickle-js "^0.2.0"
-    debug "^4.3.2"
-    ejs "^3.1.6"
+    debug "^4.3.4"
+    ejs "^3.1.7"
     electron-osx-sign "^0.6.0"
-    electron-publish "23.0.2"
+    electron-publish "23.3.3"
     form-data "^4.0.0"
-    fs-extra "^10.0.0"
-    hosted-git-info "^4.0.2"
+    fs-extra "^10.1.0"
+    hosted-git-info "^4.1.0"
     is-ci "^3.0.0"
-    isbinaryfile "^4.0.8"
+    isbinaryfile "^4.0.10"
     js-yaml "^4.1.0"
     lazy-val "^1.0.5"
-    minimatch "^3.0.4"
+    minimatch "^3.1.2"
     read-config-file "6.2.0"
     sanitize-filename "^1.6.3"
-    semver "^7.3.5"
+    semver "^7.3.7"
+    tar "^6.1.11"
     temp-file "^3.4.0"
 
 aproba@^1.0.3, aproba@^1.1.1, aproba@^1.1.2:
@@ -3018,7 +3146,7 @@ aproba@^1.0.3, aproba@^1.1.1, aproba@^1.1.2:
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
 
-"aproba@^1.1.2 || 2", aproba@^2.0.0:
+"aproba@^1.0.3 || ^2.0.0", "aproba@^1.1.2 || 2", aproba@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
   integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
@@ -3028,6 +3156,14 @@ archy@~1.0.0:
   resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
   integrity sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=
 
+are-we-there-yet@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-3.0.0.tgz#ba20bd6b553e31d62fc8c31bd23d22b95734390d"
+  integrity sha512-0GWpv50YSOcLXaN6/FAKY3vfRbllXWV2xvfA/oKJF8pzFhWXPV+yjhJXDBbjscDYowv7Yw1A3uigpzn5iEGTyw==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^3.6.0"
+
 are-we-there-yet@~1.1.2:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz#b15474a932adab4ff8a50d9adfa7e4e926f21146"
@@ -3046,7 +3182,7 @@ arg@^5.0.2:
   resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
   integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
 
-argparse@^1.0.7:
+argparse@^1.0.10, argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
   integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
@@ -3151,6 +3287,11 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=
 
+astral-regex@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
+  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
+
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
@@ -3198,6 +3339,20 @@ auto-bind@^4.0.0:
   resolved "https://registry.yarnpkg.com/auto-bind/-/auto-bind-4.0.0.tgz#e3589fc6c2da8f7ca43ba9f84fa52a744fc997fb"
   integrity sha512-Hdw8qdNiqdJ8LqT0iK0sVzkFbzg6fhnQqqfWhBDxcHZvU75+B+ayzTy8x+k5Ix0Y92XOhOUlx74ps+bA6BeYMQ==
 
+autolinker@^3.11.0:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/autolinker/-/autolinker-3.16.0.tgz#6fad29b038ba99cbfbab79f78019fed4264df0c6"
+  integrity sha512-KY8yhlwvuQpA7exkkvHsmk0chdrtS0ZRO7XoPfs7w8N3kpiGPjYNDrQ0lIMx2GrKFZzGK/QSEd2Sx5SYtSNBKg==
+  dependencies:
+    tslib "^2.3.0"
+
+autolinker@~0.28.0:
+  version "0.28.1"
+  resolved "https://registry.yarnpkg.com/autolinker/-/autolinker-0.28.1.tgz#0652b491881879f0775dace0cdca3233942a4e47"
+  integrity sha512-zQAFO1Dlsn69eXaO6+7YZc+v84aquQKbwpzCE3L0stj56ERn9hutFxPopViLjo9G+rWwjozRhgS5KJ25Xy19cQ==
+  dependencies:
+    gulp-header "^1.7.1"
+
 await-lock@^2.2.2:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/await-lock/-/await-lock-2.2.2.tgz#a95a9b269bfd2f69d22b17a321686f551152bcef"
@@ -3213,15 +3368,15 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59"
   integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA==
 
-babel-jest@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-28.1.1.tgz#2a3a4ae50964695b2d694ccffe4bec537c5a3586"
-  integrity sha512-MEt0263viUdAkTq5D7upHPNxvt4n9uLUGa6pPz3WviNBMtOmStb1lIXS3QobnoqM+qnH+vr4EKlvhe8QcmxIYw==
+babel-jest@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-28.1.3.tgz#c1187258197c099072156a0a121c11ee1e3917d5"
+  integrity sha512-epUaPOEWMk3cWX0M/sPvCHHCe9fMFAa/9hXEgKP8nFfNl/jlGkE9ucq9NqkZGXLDduCJYS0UvSlPUwC0S+rH6Q==
   dependencies:
-    "@jest/transform" "^28.1.1"
+    "@jest/transform" "^28.1.3"
     "@types/babel__core" "^7.1.14"
     babel-plugin-istanbul "^6.1.1"
-    babel-preset-jest "^28.1.1"
+    babel-preset-jest "^28.1.3"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     slash "^3.0.0"
@@ -3237,10 +3392,10 @@ babel-plugin-istanbul@^6.1.1:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-28.1.1.tgz#5e055cdcc47894f28341f87f5e35aad2df680b11"
-  integrity sha512-NovGCy5Hn25uMJSAU8FaHqzs13cFoOI4lhIujiepssjCKRsAo3TA734RDWSGxuFTsUJXerYOqQQodlxgmtqbzw==
+babel-plugin-jest-hoist@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-28.1.3.tgz#1952c4d0ea50f2d6d794353762278d1d8cca3fbe"
+  integrity sha512-Ys3tUKAmfnkRUpPdpa98eYrAR0nV+sSFUZZEGuQ2EbFd1y4SOLtD5QDNHAq+bb9a+bbXvYQC4b+ID/THIMcU6Q==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
@@ -3274,12 +3429,12 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-28.1.1.tgz#5b6e5e69f963eb2d70f739c607b8f723c0ee75e4"
-  integrity sha512-FCq9Oud0ReTeWtcneYf/48981aTfXYuB9gbU4rBNNJVBSQ6ssv7E6v/qvbBxtOWwZFXjLZwpg+W3q7J6vhH25g==
+babel-preset-jest@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-28.1.3.tgz#5dfc20b99abed5db994406c2b9ab94c73aaa419d"
+  integrity sha512-L+fupJvlWAHbQfn74coNX3zf60LXMJsezNvvx8eIh7iOR1luJ1poxYgQk1F8PYtNq/6QODDHCqsSnTFSWC491A==
   dependencies:
-    babel-plugin-jest-hoist "^28.1.1"
+    babel-plugin-jest-hoist "^28.1.3"
     babel-preset-current-node-syntax "^1.0.0"
 
 balanced-match@^1.0.0:
@@ -3518,28 +3673,28 @@ builder-util-runtime@8.9.2:
     debug "^4.3.2"
     sax "^1.2.4"
 
-builder-util-runtime@9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.0.0.tgz#3a40ba7382712ccdb24471567f91d7c167e00830"
-  integrity sha512-SkpEtSmTkREDHRJnxKEv43aAYp8sYWY8fxYBhGLBLOBIRXeaIp6Kv3lBgSD7uR8jQtC7CA659sqJrpSV6zNvSA==
+builder-util-runtime@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.0.3.tgz#6c62c493ba2b73c2af92432db4013b5a327f02b2"
+  integrity sha512-SfG2wnyjpUbbdtpnqDpWwklujofC6GarGpvdWrEkg9p5AD/xJmTF2buTNaqs3qtsNBEVQDDjZz9xc2GGpVyMfA==
   dependencies:
-    debug "^4.3.2"
+    debug "^4.3.4"
     sax "^1.2.4"
 
-builder-util@23.0.2:
-  version "23.0.2"
-  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-23.0.2.tgz#da84a971076397e3a671726f4bb96f0c2214fea7"
-  integrity sha512-HaNHL3axNW/Ms8O1mDx3I07G+ZnZ/TKSWWvorOAPau128cdt9S+lNx5ocbx8deSaHHX4WFXSZVHh3mxlaKJNgg==
+builder-util@23.3.3:
+  version "23.3.3"
+  resolved "https://registry.yarnpkg.com/builder-util/-/builder-util-23.3.3.tgz#449ee57ec1ffc7e59f7a3a8a1a33d25cf5e39e43"
+  integrity sha512-MJZlUiq2PY5hjYv9+XNaoYdsITqvLgRDoHSFg/4nzpInbNxNjLQOolL04Zsyp+hgfcbFvMC4h0KkR1CMPHLWbA==
   dependencies:
     "7zip-bin" "~5.1.1"
     "@types/debug" "^4.1.6"
     "@types/fs-extra" "^9.0.11"
     app-builder-bin "4.0.0"
     bluebird-lst "^1.0.9"
-    builder-util-runtime "9.0.0"
+    builder-util-runtime "9.0.3"
     chalk "^4.1.1"
     cross-spawn "^7.0.3"
-    debug "^4.3.2"
+    debug "^4.3.4"
     fs-extra "^10.0.0"
     http-proxy-agent "^5.0.0"
     https-proxy-agent "^5.0.0"
@@ -3595,6 +3750,30 @@ cacache@^12.0.0, cacache@^12.0.2, cacache@^12.0.3:
     unique-filename "^1.1.1"
     y18n "^4.0.0"
 
+cacache@^15.2.0:
+  version "15.3.0"
+  resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.3.0.tgz#dc85380fb2f556fe3dda4c719bfa0ec875a7f1eb"
+  integrity sha512-VVdYzXEn+cnbXpFgWs5hTT7OScegHVmLhJIR8Ufqk3iFD6A6j5iSX1KuBTfNEv4tdJWE2PzA6IVFtcLC7fN9wQ==
+  dependencies:
+    "@npmcli/fs" "^1.0.0"
+    "@npmcli/move-file" "^1.0.1"
+    chownr "^2.0.0"
+    fs-minipass "^2.0.0"
+    glob "^7.1.4"
+    infer-owner "^1.0.4"
+    lru-cache "^6.0.0"
+    minipass "^3.1.1"
+    minipass-collect "^1.0.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.2"
+    mkdirp "^1.0.3"
+    p-map "^4.0.0"
+    promise-inflight "^1.0.1"
+    rimraf "^3.0.2"
+    ssri "^8.0.1"
+    tar "^6.0.2"
+    unique-filename "^1.1.1"
+
 cacheable-lookup@^5.0.3:
   version "5.0.4"
   resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
@@ -3687,6 +3866,17 @@ caseless@~0.12.0:
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
   integrity sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=
 
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.4.1:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -3717,6 +3907,11 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
+chardet@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
+  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
+
 chart.js@^2.9.4:
   version "2.9.4"
   resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-2.9.4.tgz#0827f9563faffb2dc5c06562f8eb10337d5b9684"
@@ -3807,6 +4002,13 @@ cjs-module-lexer@^1.0.0:
   resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.2.2.tgz#9f84ba3244a512f3a54e5277e8eef4c489864e40"
   integrity sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==
 
+clap@^1.1.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/clap/-/clap-1.2.3.tgz#4f36745b32008492557f46412d66d50cb99bce51"
+  integrity sha512-4CoL/A3hf90V3VIEjeuhSvlGFEHKzOz+Wfc2IVZc+FaUgU0ZQafJTP49fvnULipOPcAfqhyI2duwQyns6xqjYA==
+  dependencies:
+    chalk "^1.1.3"
+
 clean-css@^5.2.2:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.0.tgz#ad3d8238d5f3549e83d5f87205189494bc7cbb59"
@@ -3837,10 +4039,17 @@ cli-columns@^3.1.2:
     string-width "^2.0.0"
     strip-ansi "^3.0.1"
 
-cli-progress@^3.11.1:
-  version "3.11.1"
-  resolved "https://registry.yarnpkg.com/cli-progress/-/cli-progress-3.11.1.tgz#02afb11be9a123f2a302931beb087eafe3a0d971"
-  integrity sha512-TTMA2LHrYaZeNMcgZGO10oYqj9hvd03pltNtVbu4ddeyDTHlYV7gWxsFiuvaQlgwMBFCv1TukcjiODWFlb16tQ==
+cli-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
+  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
+  dependencies:
+    restore-cursor "^3.1.0"
+
+cli-progress@^3.11.2:
+  version "3.11.2"
+  resolved "https://registry.yarnpkg.com/cli-progress/-/cli-progress-3.11.2.tgz#f8c89bd157e74f3f2c43bcfb3505670b4d48fc77"
+  integrity sha512-lCPoS6ncgX4+rJu5bS3F/iCz17kZ9MPZ6dpuTtI0KXKABkhyXIdYB3Inby1OpaGti3YlI3EeEkM9AuWpelJrVA==
   dependencies:
     string-width "^4.2.3"
 
@@ -3862,6 +4071,11 @@ cli-truncate@^2.1.0:
     slice-ansi "^3.0.0"
     string-width "^4.2.0"
 
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
+
 cliui@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-3.2.0.tgz#120601537a916d29940f934da3b48d585a39213d"
@@ -3933,6 +4147,11 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
+coffee-script@^1.12.4:
+  version "1.12.7"
+  resolved "https://registry.yarnpkg.com/coffee-script/-/coffee-script-1.12.7.tgz#c05dae0cb79591d05b3070a8433a98c9a89ccc53"
+  integrity sha512-fLeEhqwymYat/MpTPUjSKHVYYl0ec2mOyALEMLmzr5i1isuG+6jfI2j2d5oBO3VIzgUXgBVIcOT9uH1TFxBckw==
+
 collect-v8-coverage@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.1.tgz#cc2c8e94fc18bbdffe64d6534570c8a673b27f59"
@@ -3970,6 +4189,11 @@ color-string@^1.6.0, color-string@^1.9.0:
     color-name "^1.0.0"
     simple-swizzle "^0.2.2"
 
+color-support@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
+  integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
+
 color@^3.1.3, color@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/color/-/color-3.2.1.tgz#3544dc198caf4490c3ecc9a790b54fe9ff45e164"
@@ -3996,7 +4220,7 @@ colors@1.0.3:
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.0.3.tgz#0433f44d809680fdeb60ed260f1b0c262e82a40b"
   integrity sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=
 
-colors@^1.1.2, colors@^1.4.0:
+colors@^1.1.2, colors@^1.3.3, colors@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/colors/-/colors-1.4.0.tgz#c50491479d4c1bdaed2c9ced32cf7c7dc2360f78"
   integrity sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==
@@ -4046,12 +4270,12 @@ commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
-commander@^5.0.0:
+commander@^5.0.0, commander@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae"
   integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==
 
-commander@^7.0.0:
+commander@^7.0.0, commander@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
   integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
@@ -4104,7 +4328,7 @@ concat-map@0.0.1:
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
 
-concat-stream@^1.5.0, concat-stream@^1.6.2:
+concat-stream@^1.5.0, concat-stream@^1.5.2, concat-stream@^1.6.2:
   version "1.6.2"
   resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
   integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
@@ -4114,10 +4338,17 @@ concat-stream@^1.5.0, concat-stream@^1.6.2:
     readable-stream "^2.2.2"
     typedarray "^0.0.6"
 
-concurrently@^7.2.2:
-  version "7.2.2"
-  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.2.2.tgz#4ad4a4dfd3945f668d727379de2a29502e6a531c"
-  integrity sha512-DcQkI0ruil5BA/g7Xy3EWySGrFJovF5RYAYxwGvv9Jf9q9B1v3jPFP2tl6axExNf1qgF30kjoNYrangZ0ey4Aw==
+concat-with-sourcemaps@*:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/concat-with-sourcemaps/-/concat-with-sourcemaps-1.1.0.tgz#d4ea93f05ae25790951b99e7b3b09e3908a4082e"
+  integrity sha512-4gEjHJFT9e+2W/77h/DS5SGUgwDaOwprX8L/gl5+3ixnzkVJJsZWDSelmN3Oilw3LNDZjZV0yqH1hLG3k6nghg==
+  dependencies:
+    source-map "^0.6.1"
+
+concurrently@^7.3.0:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/concurrently/-/concurrently-7.3.0.tgz#eb45cdbc8df43da195f619aba218a980cae49184"
+  integrity sha512-IiDwm+8DOcFEInca494A8V402tNTQlJaYq78RF2rijOrKEk/AOHTxhN4U1cp7GYKYX5Q6Ymh1dLTBlzIMN0ikA==
   dependencies:
     chalk "^4.1.0"
     date-fns "^2.16.1"
@@ -4177,10 +4408,10 @@ configstore@^5.0.1:
     write-file-atomic "^3.0.0"
     xdg-basedir "^4.0.0"
 
-connect-history-api-fallback@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
-  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
+connect-history-api-fallback@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
+  integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
 
 console-control-strings@^1.0.0, console-control-strings@^1.1.0, console-control-strings@~1.1.0:
   version "1.1.0"
@@ -4240,11 +4471,16 @@ copy-concurrently@^1.0.0:
     rimraf "^2.5.4"
     run-queue "^1.0.0"
 
-core-js-pure@^3.20.2, core-js-pure@^3.8.1:
+core-js-pure@^3.20.2:
   version "3.22.5"
   resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.22.5.tgz#bdee0ed2f9b78f2862cda4338a07b13a49b6c9a9"
   integrity sha512-8xo9R00iYD7TcV7OrC98GwxiUEAabVWO3dix+uyWjnYrx9fyASLlIX+f/3p5dW5qByaP2bcZ8X/T47s55et/tA==
 
+core-js-pure@^3.8.1:
+  version "3.21.0"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.21.0.tgz#819adc8dfb808205ce25b51d50591becd615db7e"
+  integrity sha512-VaJUunCZLnxuDbo1rNOzwbet9E1K9joiXS5+DQMPtgxd24wfsZbJZMMfQLGYMlCUvSxLfsRUUhoOR2x28mFfeg==
+
 core-util-is@1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7"
@@ -4429,15 +4665,6 @@ css@^2.0.0:
     source-map-resolve "^0.5.2"
     urix "^0.1.0"
 
-css@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/css/-/css-3.0.0.tgz#4447a4d58fdd03367c516ca9f64ae365cee4aa5d"
-  integrity sha512-DG9pFfwOrzc+hawpmqX/dHYHJG+Bsdb0klhyi1sDneOgGOXy9wQIC8hzyVp1e4NRYDBdxcylvywPkkXCHAzTyQ==
-  dependencies:
-    inherits "^2.0.4"
-    source-map "^0.6.1"
-    source-map-resolve "^0.6.0"
-
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -4536,7 +4763,7 @@ debug@3.1.0, debug@~3.1.0:
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
+debug@4, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -4695,7 +4922,7 @@ depd@2.0.0:
   resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
   integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
 
-depd@~1.1.2:
+depd@^1.1.2, depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
   integrity sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=
@@ -4747,16 +4974,16 @@ dezalgo@^1.0.0, dezalgo@~1.0.3:
     asap "^2.0.0"
     wrappy "1"
 
+diacritics-map@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/diacritics-map/-/diacritics-map-0.1.0.tgz#6dfc0ff9d01000a2edf2865371cac316e94977af"
+  integrity sha512-3omnDTYrGigU0i4cJjvaKwD52B8aoqyX/NEIkukFFkogBemsIbhSa1O414fpTp5nuszJG6lvQ5vBvDVNCbSsaQ==
+
 didyoumean@^1.2.2:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/didyoumean/-/didyoumean-1.2.2.tgz#989346ffe9e839b4555ecf5666edea0d3e8ad037"
   integrity sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==
 
-diff-sequences@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-27.5.1.tgz#eaecc0d327fd68c8d9672a1e64ab8dccb2ef5327"
-  integrity sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==
-
 diff-sequences@^28.1.1:
   version "28.1.1"
   resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-28.1.1.tgz#9989dc731266dc2903457a70e996f3a041913ac6"
@@ -4789,21 +5016,21 @@ dlv@^1.1.3:
   resolved "https://registry.yarnpkg.com/dlv/-/dlv-1.1.3.tgz#5c198a8a11453596e751494d49874bc7732f2e79"
   integrity sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==
 
-dmg-builder@23.0.3:
-  version "23.0.3"
-  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-23.0.3.tgz#ea94bc76fcd94612641580f3c6ae42c3f07f3fee"
-  integrity sha512-mBYrHHnSM5PC656TDE+xTGmXIuWHAGmmRfyM+dV0kP+AxtwPof4pAXNQ8COd0/exZQ4dqf72FiPS3B9G9aB5IA==
+dmg-builder@23.3.3:
+  version "23.3.3"
+  resolved "https://registry.yarnpkg.com/dmg-builder/-/dmg-builder-23.3.3.tgz#b37547f8403c3e9f7c60265a93d902f5b0c395ea"
+  integrity sha512-ECwAjt+ZWyOvddrkDx1xRD6IVUCZb5SV6vSMHZd+Va3G2sUXHrnglR1cGDKRF4oYRQm8SYVrpLZKbi8npyDcAQ==
   dependencies:
-    app-builder-lib "23.0.3"
-    builder-util "23.0.2"
-    builder-util-runtime "9.0.0"
+    app-builder-lib "23.3.3"
+    builder-util "23.3.3"
+    builder-util-runtime "9.0.3"
     fs-extra "^10.0.0"
     iconv-lite "^0.6.2"
     js-yaml "^4.1.0"
   optionalDependencies:
-    dmg-license "^1.0.9"
+    dmg-license "^1.0.11"
 
-dmg-license@^1.0.9:
+dmg-license@^1.0.11:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/dmg-license/-/dmg-license-1.0.11.tgz#7b3bc3745d1b52be7506b4ee80cb61df6e4cd79a"
   integrity sha512-ZdzmqwKmECOWJpqefloC5OJy1+WZBBse5+MR88z9g9Zn4VY+WYUkAyojmhzJckH5YbbZGcYIuGAkY5/Ys5OM2Q==
@@ -4898,10 +5125,10 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
-dompurify@^2.3.8:
-  version "2.3.8"
-  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.3.8.tgz#224fe9ae57d7ebd9a1ae1ac18c1c1ca3f532226f"
-  integrity sha512-eVhaWoVibIzqdGYjwsBWodIQIaXFSB+cKDf4cfxLMsK0xiud6SE+/WCVx/Xw/UwQsa4cS3T2eITcdtmTg2UKcw==
+dompurify@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-2.4.0.tgz#c9c88390f024c2823332615c9e20a453cf3825dd"
+  integrity sha512-Be9tbQMZds4a3C6xTmz68NlMfeONA//4dOavl/1rNw50E+/QO0KVpbcU0PcaW0nsQxurXls9ZocqFxk8R2mWEA==
 
 domutils@^2.5.2, domutils@^2.8.0:
   version "2.8.0"
@@ -4987,24 +5214,24 @@ ee-first@1.1.1:
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
   integrity sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=
 
-ejs@^3.1.6:
-  version "3.1.7"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.7.tgz#c544d9c7f715783dd92f0bddcf73a59e6962d006"
-  integrity sha512-BIar7R6abbUxDA3bfXrO4DSgwo8I+fB5/1zgujl3HLLjwd6+9iOnrT+t3grn2qbk9vOgBubXOFwX2m9axoFaGw==
+ejs@^3.1.7:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.8.tgz#758d32910c78047585c7ef1f92f9ee041c1c190b"
+  integrity sha512-/sXZeMlhS0ArkfX2Aw780gJzXSMPnKjtspYZv+f3NiKLlubezAHDU5+9xz6gd3/NhG3txQCo6xlglmTS+oTGEQ==
   dependencies:
     jake "^10.8.5"
 
-electron-builder@^23.0.3:
-  version "23.0.3"
-  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-23.0.3.tgz#16264a0d8e3d40da1467bcc8ef7917538b54a3bc"
-  integrity sha512-0lnTsljAgcOMuIiOjPcoFf+WxOOe/O04hZPgIvvUBXIbz3kolbNu0Xdch1f5WuQ40NdeZI7oqs8Eo395PcuGHQ==
+electron-builder@^23.3.3:
+  version "23.3.3"
+  resolved "https://registry.yarnpkg.com/electron-builder/-/electron-builder-23.3.3.tgz#88d4e584a99b9e36ca4e8432b1163a1ef877355f"
+  integrity sha512-mFYYdhoFPKevP6y5uaaF3dusmB2OtQ/HnwwpyOePeU7QDS0SEIAUokQsHUanAiJAZcBqtY7iyLBgX18QybdFFw==
   dependencies:
     "@types/yargs" "^17.0.1"
-    app-builder-lib "23.0.3"
-    builder-util "23.0.2"
-    builder-util-runtime "9.0.0"
+    app-builder-lib "23.3.3"
+    builder-util "23.3.3"
+    builder-util-runtime "9.0.3"
     chalk "^4.1.1"
-    dmg-builder "23.0.3"
+    dmg-builder "23.3.3"
     fs-extra "^10.0.0"
     is-ci "^3.0.0"
     lazy-val "^1.0.5"
@@ -5042,14 +5269,14 @@ electron-osx-sign@^0.6.0:
     minimist "^1.2.0"
     plist "^3.0.1"
 
-electron-publish@23.0.2:
-  version "23.0.2"
-  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-23.0.2.tgz#aa11419ae57b847df4beb63b95e2b2a43161957c"
-  integrity sha512-8gMYgWqv96lc83FCm85wd+tEyxNTJQK7WKyPkNkO8GxModZqt1GO8S+/vAnFGxilS/7vsrVRXFfqiCDUCSuxEg==
+electron-publish@23.3.3:
+  version "23.3.3"
+  resolved "https://registry.yarnpkg.com/electron-publish/-/electron-publish-23.3.3.tgz#c4125fbb00620acb854f6e994fd3ab3115662ddd"
+  integrity sha512-1dX17eE5xVXedTxjC+gjsP74oC0+sIHgqysp0ryTlF9+yfQUyXjBk6kcK+zhtBA2SsHMSglDtM+JPxDD/WpPTQ==
   dependencies:
     "@types/fs-extra" "^9.0.11"
-    builder-util "23.0.2"
-    builder-util-runtime "9.0.0"
+    builder-util "23.3.3"
+    builder-util-runtime "9.0.3"
     chalk "^4.1.1"
     fs-extra "^10.0.0"
     lazy-val "^1.0.5"
@@ -5082,13 +5309,13 @@ electron-window-state@^5.0.3:
     jsonfile "^4.0.0"
     mkdirp "^0.5.1"
 
-electron@^15.5.7:
-  version "15.5.7"
-  resolved "https://registry.yarnpkg.com/electron/-/electron-15.5.7.tgz#aadb0081c504f2c2d8f81ea5fd23e38881afe86a"
-  integrity sha512-n4mVlxoMc4eYx07wWFWGficL+iOMz5xZEf5dBtE/wwLm0fQpYVyW4AlknMFG9F8Css0MM0JSwNMOyRg5e1vDtg==
+electron@^19.0.15:
+  version "19.0.15"
+  resolved "https://registry.yarnpkg.com/electron/-/electron-19.0.15.tgz#a410b43f56a628c9b38f88e896ec68daedbc3cb1"
+  integrity sha512-VB9cT/6VLg1GOSmEST3mGLN2VCrQMv75dcnEsHjXq6DjltStR/miiXKqujOTVFNzT4fxTRcDDGX5iFF51H+Jhw==
   dependencies:
-    "@electron/get" "^1.13.0"
-    "@types/node" "^14.6.2"
+    "@electron/get" "^1.14.1"
+    "@types/node" "^16.11.26"
     extract-zip "^1.0.3"
 
 emittery@^0.10.2:
@@ -5126,7 +5353,7 @@ encodeurl@^1.0.2, encodeurl@~1.0.2:
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   integrity sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=
 
-encoding@^0.1.11:
+encoding@^0.1.11, encoding@^0.1.12:
   version "0.1.13"
   resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
   integrity sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==
@@ -5140,14 +5367,19 @@ end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   dependencies:
     once "^1.4.0"
 
-enhanced-resolve@^5.0.0, enhanced-resolve@^5.9.3:
-  version "5.9.3"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.9.3.tgz#44a342c012cbc473254af5cc6ae20ebd0aae5d88"
-  integrity sha512-Bq9VSor+kjvW3f9/MiiR4eE3XYgOl7/rS8lnSxbRbF3kS0B2r+Y9w5krBWxZgDxASVZbdYrn5wT4j/Wb0J9qow==
+enhanced-resolve@^5.0.0, enhanced-resolve@^5.10.0:
+  version "5.10.0"
+  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6"
+  integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ==
   dependencies:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+ensure-posix-path@^1.1.0:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/ensure-posix-path/-/ensure-posix-path-1.1.1.tgz#3c62bdb19fa4681544289edb2b382adc029179ce"
+  integrity sha512-VWU0/zXzVbeJNXvME/5EmLuEj2TauvoaTz6aFYK1Z92JCBlDlZ3Gu0tuGR42kpW1754ywTs+QB0g5TP0oj9Zaw==
+
 entities@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
@@ -5168,6 +5400,11 @@ err-code@^1.0.0:
   resolved "https://registry.yarnpkg.com/err-code/-/err-code-1.1.2.tgz#06e0116d3028f6aef4806849eb0ea6a748ae6960"
   integrity sha1-BuARbTAo9q70gGhJ6w6mp0iuaWA=
 
+err-code@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
+  integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
+
 errno@^0.1.1, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
@@ -5256,75 +5493,145 @@ es6-promisify@^5.0.0:
   dependencies:
     es6-promise "^4.0.3"
 
-esbuild-android-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.43.tgz#59bf3edad6863c27aa92bbb5c1d83a9a5c981495"
-  integrity sha512-kqFXAS72K6cNrB6RiM7YJ5lNvmWRDSlpi7ZuRZ1hu1S3w0zlwcoCxWAyM23LQUyZSs1PbjHgdbbfYAN8IGh6xg==
+esbuild-android-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.53.tgz#259bc3ef1399a3cad8f4f67c40ee20779c4de675"
+  integrity sha512-fIL93sOTnEU+NrTAVMIKiAw0YH22HWCAgg4N4Z6zov2t0kY9RAJ50zY9ZMCQ+RT6bnOfDt8gCTnt/RaSNA2yRA==
 
-esbuild-android-arm64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.43.tgz#0258704edf92ce2463af6d2900b844b5423bed63"
-  integrity sha512-bKS2BBFh+7XZY9rpjiHGRNA7LvWYbZWP87pLehggTG7tTaCDvj8qQGOU/OZSjCSKDYbgY7Q+oDw8RlYQ2Jt2BA==
+esbuild-android-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.15.6.tgz#baaed943ca510c2ad546e116728132e76d1d2044"
+  integrity sha512-Z1CHSgB1crVQi2LKSBwSkpaGtaloVz0ZIYcRMsvHc3uSXcR/x5/bv9wcZspvH/25lIGTaViosciS/NS09ERmVA==
 
-esbuild-darwin-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.43.tgz#72a47295678d4aa0656979baa8cf6d5c8c92656f"
-  integrity sha512-/3PSilx011ttoieRGkSZ0XV8zjBf2C9enV4ScMMbCT4dpx0mFhMOpFnCHkOK0pWGB8LklykFyHrWk2z6DENVUg==
+esbuild-android-arm64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.53.tgz#2158253d4e8f9fdd2a081bbb4f73b8806178841e"
+  integrity sha512-PC7KaF1v0h/nWpvlU1UMN7dzB54cBH8qSsm7S9mkwFA1BXpaEOufCg8hdoEI1jep0KeO/rjZVWrsH8+q28T77A==
 
-esbuild-darwin-arm64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.43.tgz#5f5823170b8d85b888957f0794e186caac447aca"
-  integrity sha512-1HyFUKs8DMCBOvw1Qxpr5Vv/ThNcVIFb5xgXWK3pyT40WPvgYIiRTwJCvNs4l8i5qWF8/CK5bQxJVDjQvtv0Yw==
+esbuild-android-arm64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.15.6.tgz#1c33c73d4c074969e014e31958116460c8e75a7a"
+  integrity sha512-mvM+gqNxqKm2pCa3dnjdRzl7gIowuc4ga7P7c3yHzs58Im8v/Lfk1ixSgQ2USgIywT48QWaACRa3F4MG7djpSw==
 
-esbuild-freebsd-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.43.tgz#e4a48b08181053837e6cd9bda19ae0af94d493b0"
-  integrity sha512-FNWc05TPHYgaXjbPZO5/rJKSBslfG6BeMSs8GhwnqAKP56eEhvmzwnIz1QcC9cRVyO+IKqWNfmHFkCa1WJTULA==
+esbuild-darwin-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.53.tgz#b4681831fd8f8d06feb5048acbe90d742074cc2a"
+  integrity sha512-gE7P5wlnkX4d4PKvLBUgmhZXvL7lzGRLri17/+CmmCzfncIgq8lOBvxGMiQ4xazplhxq+72TEohyFMZLFxuWvg==
 
-esbuild-freebsd-arm64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.43.tgz#386e780d36c1dedf3a1cdab79e0bbacd873274e6"
-  integrity sha512-amrYopclz3VohqisOPR6hA3GOWA3LZC1WDLnp21RhNmoERmJ/vLnOpnrG2P/Zao+/erKTCUqmrCIPVtj58DRoA==
+esbuild-darwin-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.15.6.tgz#388592ba61bf31993d79f6311f7452aa1ef255b9"
+  integrity sha512-BsfVt3usScAfGlXJiGtGamwVEOTM8AiYiw1zqDWhGv6BncLXCnTg1As+90mxWewdTZKq3iIy8s9g8CKkrrAXVw==
 
-esbuild-linux-32@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.43.tgz#040ed6b9ebf06d73acdf2acce7f1cd0c12fbc6a5"
-  integrity sha512-KoxoEra+9O3AKVvgDFvDkiuddCds6q71owSQEYwjtqRV7RwbPzKxJa6+uyzUulHcyGVq0g15K0oKG5CFBcvYDw==
+esbuild-darwin-arm64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.53.tgz#d267d957852d121b261b3f76ead86e5b5463acc9"
+  integrity sha512-otJwDU3hnI15Q98PX4MJbknSZ/WSR1I45il7gcxcECXzfN4Mrpft5hBDHXNRnCh+5858uPXBXA1Vaz2jVWLaIA==
 
-esbuild-linux-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.43.tgz#8abbb7594ab6a008f2aae72d95d8a4fdc59d9000"
-  integrity sha512-EwINwGMyiJMgBby5/SbMqKcUhS5AYAZ2CpEBzSowsJPNBJEdhkCTtEjk757TN/wxgbu3QklqDM6KghY660QCUw==
+esbuild-darwin-arm64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.15.6.tgz#194e987849dc4688654008a1792f26e948f52e74"
+  integrity sha512-CnrAeJaEpPakUobhqO4wVSA4Zm6TPaI5UY4EsI62j9mTrjIyQPXA1n4Ju6Iu5TVZRnEqV6q8blodgYJ6CJuwCA==
 
-esbuild-linux-arm64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.43.tgz#4e8e9ce77cbf7efec65e79e512b3d2fbd2da398f"
-  integrity sha512-UlSpjMWllAc70zYbHxWuDS3FJytyuR/gHJYBr8BICcTNb/TSOYVBg6U7b3jZ3mILTrgzwJUHwhEwK18FZDouUQ==
+esbuild-freebsd-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.53.tgz#aca2af6d72b537fe66a38eb8f374fb66d4c98ca0"
+  integrity sha512-WkdJa8iyrGHyKiPF4lk0MiOF87Q2SkE+i+8D4Cazq3/iqmGPJ6u49je300MFi5I2eUsQCkaOWhpCVQMTKGww2w==
 
-esbuild-linux-arm@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.43.tgz#9e41ee5e099c0ffdfd150da154330c2c0226cc96"
-  integrity sha512-e6YzQUoDxxtyamuF12eVzzRC7bbEFSZohJ6igQB9tBqnNmIQY3fI6Cns3z2wxtbZ3f2o6idkD2fQnlvs2902Dg==
+esbuild-freebsd-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.15.6.tgz#daa72faee585ec2ec27cc65e86a6ce0786373e66"
+  integrity sha512-+qFdmqi+jkAsxsNJkaWVrnxEUUI50nu6c3MBVarv3RCDCbz7ZS1a4ZrdkwEYFnKcVWu6UUE0Kkb1SQ1yGEG6sg==
 
-esbuild-linux-mips64le@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.43.tgz#4b41f465a787f91cc4fe7dffa0dcabf655935a1a"
-  integrity sha512-f+v8cInPEL1/SDP//CfSYzcDNgE4CY3xgDV81DWm3KAPWzhvxARrKxB1Pstf5mB56yAslJDxu7ryBUPX207EZA==
+esbuild-freebsd-arm64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.53.tgz#76282e19312d914c34343c8a7da6cc5f051580b9"
+  integrity sha512-9T7WwCuV30NAx0SyQpw8edbKvbKELnnm1FHg7gbSYaatH+c8WJW10g/OdM7JYnv7qkimw2ZTtSA+NokOLd2ydQ==
 
-esbuild-linux-ppc64le@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.43.tgz#ca15934f5b46728dd9ac05270e783e7feaca9eaf"
-  integrity sha512-5wZYMDGAL/K2pqkdIsW+I4IR41kyfHr/QshJcNpUfK3RjB3VQcPWOaZmc+74rm4ZjVirYrtz+jWw0SgxtxRanA==
+esbuild-freebsd-arm64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.15.6.tgz#70c8a2a30bf6bb9d547a0d8dc93aa015ec4f77f9"
+  integrity sha512-KtQkQOhnNciXm2yrTYZMD3MOm2zBiiwFSU+dkwNbcfDumzzUprr1x70ClTdGuZwieBS1BM/k0KajRQX7r504Xw==
 
-esbuild-linux-riscv64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.43.tgz#70fce2b5a0605a67e58b5a357b0e00be1029836d"
-  integrity sha512-lYcAOUxp85hC7lSjycJUVSmj4/9oEfSyXjb/ua9bNl8afonaduuqtw7hvKMoKuYnVwOCDw4RSfKpcnIRDWq+Bw==
+esbuild-linux-32@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.53.tgz#1045d34cf7c5faaf2af3b29cc1573b06580c37e5"
+  integrity sha512-VGanLBg5en2LfGDgLEUxQko2lqsOS7MTEWUi8x91YmsHNyzJVT/WApbFFx3MQGhkf+XdimVhpyo5/G0PBY91zg==
 
-esbuild-linux-s390x@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.43.tgz#318d03b4f4ccc7fa44ac7562121cf4a4529e477a"
-  integrity sha512-27e43ZhHvhFE4nM7HqtUbMRu37I/4eNSUbb8FGZWszV+uLzMIsHDwLoBiJmw7G9N+hrehNPeQ4F5Ujad0DrUKQ==
+esbuild-linux-32@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.15.6.tgz#d69ed2335b2d68c00b3248254b432172077b7ced"
+  integrity sha512-IAkDNz3TpxwISTGVdQijwyHBZrbFgLlRi5YXcvaEHtgbmayLSDcJmH5nV1MFgo/x2QdKcHBkOYHdjhKxUAcPwg==
+
+esbuild-linux-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.53.tgz#ab3f2ee2ebb5a6930c72d9539cb34b428808cbe4"
+  integrity sha512-pP/FA55j/fzAV7N9DF31meAyjOH6Bjuo3aSKPh26+RW85ZEtbJv9nhoxmGTd9FOqjx59Tc1ZbrJabuiXlMwuZQ==
+
+esbuild-linux-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.15.6.tgz#dca821e8f129cccde23ac947fd0d4bea3b333808"
+  integrity sha512-gQPksyrEYfA4LJwyfTQWAZaVZCx4wpaLrSzo2+Xc9QLC+i/sMWmX31jBjrn4nLJCd79KvwCinto36QC7BEIU/A==
+
+esbuild-linux-arm64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.53.tgz#1f5530412f6690949e78297122350488d3266cfe"
+  integrity sha512-GDmWITT+PMsjCA6/lByYk7NyFssW4Q6in32iPkpjZ/ytSyH+xeEx8q7HG3AhWH6heemEYEWpTll/eui3jwlSnw==
+
+esbuild-linux-arm64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.15.6.tgz#c9e8bc86f3c58a7c8ff1ded5880c6a39ade7621b"
+  integrity sha512-aovDkclFa6C9EdZVBuOXxqZx83fuoq8097xZKhEPSygwuy4Lxs8J4anHG7kojAsR+31lfUuxzOo2tHxv7EiNHA==
+
+esbuild-linux-arm@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.53.tgz#a44ec9b5b42007ab6c0d65a224ccc6bbd97c54cf"
+  integrity sha512-/u81NGAVZMopbmzd21Nu/wvnKQK3pT4CrvQ8BTje1STXcQAGnfyKgQlj3m0j2BzYbvQxSy+TMck4TNV2onvoPA==
+
+esbuild-linux-arm@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.15.6.tgz#354ecad0223f5b176995cf4462560eec2633de24"
+  integrity sha512-xZ0Bq2aivsthDjA/ytQZzxrxIZbG0ATJYMJxNeOIBc1zUjpbVpzBKgllOZMsTSXMHFHGrow6TnCcgwqY0+oEoQ==
+
+esbuild-linux-mips64le@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.53.tgz#a4d0b6b17cfdeea4e41b0b085a5f73d99311be9f"
+  integrity sha512-d6/XHIQW714gSSp6tOOX2UscedVobELvQlPMkInhx1NPz4ThZI9uNLQ4qQJHGBGKGfu+rtJsxM4NVHLhnNRdWQ==
+
+esbuild-linux-mips64le@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.15.6.tgz#f4fb941a4ff0af437deed69a2e0712983c8fff3e"
+  integrity sha512-wVpW8wkWOGizsCqCwOR/G3SHwhaecpGy3fic9BF1r7vq4djLjUcA8KunDaBCjJ6TgLQFhJ98RjDuyEf8AGjAvw==
+
+esbuild-linux-ppc64le@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.53.tgz#8c331822c85465434e086e3e6065863770c38139"
+  integrity sha512-ndnJmniKPCB52m+r6BtHHLAOXw+xBCWIxNnedbIpuREOcbSU/AlyM/2dA3BmUQhsHdb4w3amD5U2s91TJ3MzzA==
+
+esbuild-linux-ppc64le@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.15.6.tgz#19774a8b52c77173f2d4f171b8a8cf839b12e686"
+  integrity sha512-z6w6gsPH/Y77uchocluDC8tkCg9rfkcPTePzZKNr879bF4tu7j9t255wuNOCE396IYEGxY7y8u2HJ9i7kjCLVw==
+
+esbuild-linux-riscv64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.53.tgz#36fd75543401304bea8a2d63bf8ea18aaa508e00"
+  integrity sha512-yG2sVH+QSix6ct4lIzJj329iJF3MhloLE6/vKMQAAd26UVPVkhMFqFopY+9kCgYsdeWvXdPgmyOuKa48Y7+/EQ==
+
+esbuild-linux-riscv64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.15.6.tgz#66bd83b065c4a1e623df02c122bc7e4e15fd8486"
+  integrity sha512-pfK/3MJcmbfU399TnXW5RTPS1S+ID6ra+CVj9TFZ2s0q9Ja1F5A1VirUUvViPkjiw+Kq3zveyn6U09Wg1zJXrw==
+
+esbuild-linux-s390x@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.53.tgz#1622677ab6824123f48f75d3afc031cd41936129"
+  integrity sha512-OCJlgdkB+XPYndHmw6uZT7jcYgzmx9K+28PVdOa/eLjdoYkeAFvH5hTwX4AXGLZLH09tpl4bVsEtvuyUldaNCg==
+
+esbuild-linux-s390x@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.15.6.tgz#1e024bddc75afe8dc70ed48fc9627af770d7f34b"
+  integrity sha512-OZeeDu32liefcwAE63FhVqM4heWTC8E3MglOC7SK0KYocDdY/6jyApw0UDkDHlcEK9mW6alX/SH9r3PDjcCo/Q==
 
 esbuild-loader@^2.19.0:
   version "2.19.0"
@@ -5338,61 +5645,119 @@ esbuild-loader@^2.19.0:
     tapable "^2.2.0"
     webpack-sources "^2.2.0"
 
-esbuild-netbsd-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.43.tgz#86130ce204ef0162a96e863b55851efecc92f423"
-  integrity sha512-2mH4QF6hHBn5zzAfxEI/2eBC0mspVsZ6UVo821LpAJKMvLJPBk3XJO5xwg7paDqSqpl7p6IRrAenW999AEfJhQ==
+esbuild-netbsd-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.53.tgz#e86d0efd0116658be335492ed12e66b26b4baf52"
+  integrity sha512-gp2SB+Efc7MhMdWV2+pmIs/Ja/Mi5rjw+wlDmmbIn68VGXBleNgiEZG+eV2SRS0kJEUyHNedDtwRIMzaohWedQ==
 
-esbuild-openbsd-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.43.tgz#0229dc2db2ded97b03bb93bba7646b30ffdf5d0d"
-  integrity sha512-ZhQpiZjvqCqO8jKdGp9+8k9E/EHSA+zIWOg+grwZasI9RoblqJ1QiZqqi7jfd6ZrrG1UFBNGe4m0NFxCFbMVbg==
+esbuild-netbsd-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.15.6.tgz#c11477d197f059c8794ee1691e3399201f7c4b9a"
+  integrity sha512-kaxw61wcHMyiEsSsi5ut1YYs/hvTC2QkxJwyRvC2Cnsz3lfMLEu8zAjpBKWh9aU/N0O/gsRap4wTur5GRuSvBA==
 
-esbuild-sunos-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.43.tgz#17e316216eb9f1de25d52a9000356ae5b869e736"
-  integrity sha512-DgxSi9DaHReL9gYuul2rrQCAapgnCJkh3LSHPKsY26zytYppG0HgkgVF80zjIlvEsUbGBP/GHQzBtrezj/Zq1Q==
+esbuild-openbsd-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.53.tgz#9bcbbe6f86304872c6e91f64c8eb73fc29c3588b"
+  integrity sha512-eKQ30ZWe+WTZmteDYg8S+YjHV5s4iTxeSGhJKJajFfQx9TLZJvsJX0/paqwP51GicOUruFpSUAs2NCc0a4ivQQ==
 
-esbuild-windows-32@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.43.tgz#a173757bc6dfd0f2656ff40b64f7f9290745778e"
-  integrity sha512-Ih3+2O5oExiqm0mY6YYE5dR0o8+AspccQ3vIAtRodwFvhuyGLjb0Hbmzun/F3Lw19nuhPMu3sW2fqIJ5xBxByw==
+esbuild-openbsd-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.15.6.tgz#b29e7faed5b8d2aeaf3884c47c1a96b1cba8e263"
+  integrity sha512-CuoY60alzYfIZapUHqFXqXbj88bbRJu8Fp9okCSHRX2zWIcGz4BXAHXiG7dlCye5nFVrY72psesLuWdusyf2qw==
 
-esbuild-windows-64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.43.tgz#c447b23126aad158c4fe6a394342cafd97926ed1"
-  integrity sha512-8NsuNfI8xwFuJbrCuI+aBqNTYkrWErejFO5aYM+yHqyHuL8mmepLS9EPzAzk8rvfaJrhN0+RvKWAcymViHOKEw==
+esbuild-sunos-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.53.tgz#f7a872f7460bfb7b131f7188a95fbce3d1c577e8"
+  integrity sha512-OWLpS7a2FrIRukQqcgQqR1XKn0jSJoOdT+RlhAxUoEQM/IpytS3FXzCJM6xjUYtpO5GMY0EdZJp+ur2pYdm39g==
 
-esbuild-windows-arm64@0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.43.tgz#3caed1b430d394d7a7836407b9d36c4750246e76"
-  integrity sha512-7ZlD7bo++kVRblJEoG+cepljkfP8bfuTPz5fIXzptwnPaFwGS6ahvfoYzY7WCf5v/1nX2X02HDraVItTgbHnKw==
+esbuild-sunos-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.15.6.tgz#9668f39e47179f50c0435040904b9c6e10e84a70"
+  integrity sha512-1ceefLdPWcd1nW/ZLruPEYxeUEAVX0YHbG7w+BB4aYgfknaLGotI/ZvPWUZpzhC8l1EybrVlz++lm3E6ODIJOg==
 
-esbuild@^0.14.39, esbuild@^0.14.43:
-  version "0.14.43"
-  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.43.tgz#c227d585c512d3e0f23b88f50b8e16501147f647"
-  integrity sha512-Uf94+kQmy/5jsFwKWiQB4hfo/RkM9Dh7b79p8yqd1tshULdr25G2szLz631NoH3s2ujnKEKVD16RmOxvCNKRFA==
+esbuild-windows-32@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.53.tgz#c5e3ca50e2d1439cc2c9fe4defa63bcd474ce709"
+  integrity sha512-m14XyWQP5rwGW0tbEfp95U6A0wY0DYPInWBB7D69FAXUpBpBObRoGTKRv36lf2RWOdE4YO3TNvj37zhXjVL5xg==
+
+esbuild-windows-32@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.15.6.tgz#9ddcd56e3c4fb9729a218c713c4e76bdbc1678b4"
+  integrity sha512-pBqdOsKqCD5LRYiwF29PJRDJZi7/Wgkz46u3d17MRFmrLFcAZDke3nbdDa1c8YgY78RiemudfCeAemN8EBlIpA==
+
+esbuild-windows-64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.53.tgz#ec2ab4a60c5215f092ffe1eab6d01319e88238af"
+  integrity sha512-s9skQFF0I7zqnQ2K8S1xdLSfZFsPLuOGmSx57h2btSEswv0N0YodYvqLcJMrNMXh6EynOmWD7rz+0rWWbFpIHQ==
+
+esbuild-windows-64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.15.6.tgz#1eaadeadfd995e9d065d35cb3e9f02607202f339"
+  integrity sha512-KpPOh4aTOo//g9Pk2oVAzXMpc9Sz9n5A9sZTmWqDSXCiiachfFhbuFlsKBGATYCVitXfmBIJ4nNYYWSOdz4hQg==
+
+esbuild-windows-arm64@0.14.53:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.53.tgz#f71d403806bdf9f4a1f9d097db9aec949bd675c8"
+  integrity sha512-E+5Gvb+ZWts+00T9II6wp2L3KG2r3iGxByqd/a1RmLmYWVsSVUjkvIxZuJ3hYTIbhLkH5PRwpldGTKYqVz0nzQ==
+
+esbuild-windows-arm64@0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.15.6.tgz#e18a778d354fc2ca2306688f3fedad8a3e57819e"
+  integrity sha512-DB3G2x9OvFEa00jV+OkDBYpufq5x/K7a6VW6E2iM896DG4ZnAvJKQksOsCPiM1DUaa+DrijXAQ/ZOcKAqf/3Hg==
+
+esbuild@^0.14.39:
+  version "0.14.53"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.53.tgz#20b1007f686e8584f2a01a1bec5a37aac9498ce4"
+  integrity sha512-ohO33pUBQ64q6mmheX1mZ8mIXj8ivQY/L4oVuAshr+aJI+zLl+amrp3EodrUNDNYVrKJXGPfIHFGhO8slGRjuw==
   optionalDependencies:
-    esbuild-android-64 "0.14.43"
-    esbuild-android-arm64 "0.14.43"
-    esbuild-darwin-64 "0.14.43"
-    esbuild-darwin-arm64 "0.14.43"
-    esbuild-freebsd-64 "0.14.43"
-    esbuild-freebsd-arm64 "0.14.43"
-    esbuild-linux-32 "0.14.43"
-    esbuild-linux-64 "0.14.43"
-    esbuild-linux-arm "0.14.43"
-    esbuild-linux-arm64 "0.14.43"
-    esbuild-linux-mips64le "0.14.43"
-    esbuild-linux-ppc64le "0.14.43"
-    esbuild-linux-riscv64 "0.14.43"
-    esbuild-linux-s390x "0.14.43"
-    esbuild-netbsd-64 "0.14.43"
-    esbuild-openbsd-64 "0.14.43"
-    esbuild-sunos-64 "0.14.43"
-    esbuild-windows-32 "0.14.43"
-    esbuild-windows-64 "0.14.43"
-    esbuild-windows-arm64 "0.14.43"
+    "@esbuild/linux-loong64" "0.14.53"
+    esbuild-android-64 "0.14.53"
+    esbuild-android-arm64 "0.14.53"
+    esbuild-darwin-64 "0.14.53"
+    esbuild-darwin-arm64 "0.14.53"
+    esbuild-freebsd-64 "0.14.53"
+    esbuild-freebsd-arm64 "0.14.53"
+    esbuild-linux-32 "0.14.53"
+    esbuild-linux-64 "0.14.53"
+    esbuild-linux-arm "0.14.53"
+    esbuild-linux-arm64 "0.14.53"
+    esbuild-linux-mips64le "0.14.53"
+    esbuild-linux-ppc64le "0.14.53"
+    esbuild-linux-riscv64 "0.14.53"
+    esbuild-linux-s390x "0.14.53"
+    esbuild-netbsd-64 "0.14.53"
+    esbuild-openbsd-64 "0.14.53"
+    esbuild-sunos-64 "0.14.53"
+    esbuild-windows-32 "0.14.53"
+    esbuild-windows-64 "0.14.53"
+    esbuild-windows-arm64 "0.14.53"
+
+esbuild@^0.15.6:
+  version "0.15.6"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.15.6.tgz#626e5941b98de506b862047be3c4b33f89278923"
+  integrity sha512-sgLOv3l4xklvXzzczhRwKRotyrfyZ2i1fCS6PTOLPd9wevDPArGU8HFtHrHCOcsMwTjLjzGm15gvC8uxVzQf+w==
+  optionalDependencies:
+    "@esbuild/linux-loong64" "0.15.6"
+    esbuild-android-64 "0.15.6"
+    esbuild-android-arm64 "0.15.6"
+    esbuild-darwin-64 "0.15.6"
+    esbuild-darwin-arm64 "0.15.6"
+    esbuild-freebsd-64 "0.15.6"
+    esbuild-freebsd-arm64 "0.15.6"
+    esbuild-linux-32 "0.15.6"
+    esbuild-linux-64 "0.15.6"
+    esbuild-linux-arm "0.15.6"
+    esbuild-linux-arm64 "0.15.6"
+    esbuild-linux-mips64le "0.15.6"
+    esbuild-linux-ppc64le "0.15.6"
+    esbuild-linux-riscv64 "0.15.6"
+    esbuild-linux-s390x "0.15.6"
+    esbuild-netbsd-64 "0.15.6"
+    esbuild-openbsd-64 "0.15.6"
+    esbuild-sunos-64 "0.15.6"
+    esbuild-windows-32 "0.15.6"
+    esbuild-windows-64 "0.15.6"
+    esbuild-windows-arm64 "0.15.6"
 
 escalade@^3.1.1:
   version "3.1.1"
@@ -5409,7 +5774,7 @@ escape-html@~1.0.3:
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
-escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
@@ -5493,10 +5858,10 @@ eslint-plugin-react-hooks@^4.6.0:
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@^7.30.0:
-  version "7.30.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.30.0.tgz#8e7b1b2934b8426ac067a0febade1b13bd7064e3"
-  integrity sha512-RgwH7hjW48BleKsYyHK5vUAvxtE9SMPDKmcPRQgtRCYaZA0XQPt5FSkrU3nhz5ifzMZcA8opwmRJ2cmOO8tr5A==
+eslint-plugin-react@7.30.1:
+  version "7.30.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.30.1.tgz#2be4ab23ce09b5949c6631413ba64b2810fd3e22"
+  integrity sha512-NbEvI9jtqO46yJA3wcRF9Mo0lF9T/jhdHqhCHXiXtD+Zcb98812wvokjWpU7Q4QH5edo6dmqrukxVvWWXHlsUg==
   dependencies:
     array-includes "^3.1.5"
     array.prototype.flatmap "^1.3.0"
@@ -5558,13 +5923,15 @@ eslint-visitor-keys@^3.3.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.3.0.tgz#f6480fa6b1f30efe2d1968aa8ac745b862469826"
   integrity sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==
 
-eslint@^8.17.0:
-  version "8.17.0"
-  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.17.0.tgz#1cfc4b6b6912f77d24b874ca1506b0fe09328c21"
-  integrity sha512-gq0m0BTJfci60Fz4nczYxNAlED+sMcihltndR8t9t1evnU/azx53x3t2UHXC/uRjcbvRw/XctpaNygSTcQD+Iw==
+eslint@^8.23.0:
+  version "8.23.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.23.0.tgz#a184918d288820179c6041bb3ddcc99ce6eea040"
+  integrity sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==
   dependencies:
-    "@eslint/eslintrc" "^1.3.0"
-    "@humanwhocodes/config-array" "^0.9.2"
+    "@eslint/eslintrc" "^1.3.1"
+    "@humanwhocodes/config-array" "^0.10.4"
+    "@humanwhocodes/gitignore-to-minimatch" "^1.0.2"
+    "@humanwhocodes/module-importer" "^1.0.1"
     ajv "^6.10.0"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
@@ -5574,14 +5941,17 @@ eslint@^8.17.0:
     eslint-scope "^7.1.1"
     eslint-utils "^3.0.0"
     eslint-visitor-keys "^3.3.0"
-    espree "^9.3.2"
+    espree "^9.4.0"
     esquery "^1.4.0"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
     file-entry-cache "^6.0.1"
+    find-up "^5.0.0"
     functional-red-black-tree "^1.0.1"
     glob-parent "^6.0.1"
     globals "^13.15.0"
+    globby "^11.1.0"
+    grapheme-splitter "^1.0.4"
     ignore "^5.2.0"
     import-fresh "^3.0.0"
     imurmurhash "^0.1.4"
@@ -5597,14 +5967,13 @@ eslint@^8.17.0:
     strip-ansi "^6.0.1"
     strip-json-comments "^3.1.0"
     text-table "^0.2.0"
-    v8-compile-cache "^2.0.3"
 
-espree@^9.3.2:
-  version "9.3.2"
-  resolved "https://registry.yarnpkg.com/espree/-/espree-9.3.2.tgz#f58f77bd334731182801ced3380a8cc859091596"
-  integrity sha512-D211tC7ZwouTIuY5x9XnS0E9sWNChB7IYKX/Xp5eQj3nFXhqmiUDB9q27y76oFl8jTg3pXcQx/bpxMfs3CIZbA==
+espree@^9.4.0:
+  version "9.4.0"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.4.0.tgz#cd4bc3d6e9336c433265fc0aa016fc1aaf182f8a"
+  integrity sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==
   dependencies:
-    acorn "^8.7.1"
+    acorn "^8.8.0"
     acorn-jsx "^5.3.2"
     eslint-visitor-keys "^3.3.0"
 
@@ -5728,21 +6097,28 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
 
+expand-range@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
+  integrity sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==
+  dependencies:
+    fill-range "^2.1.0"
+
 expand-template@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/expand-template/-/expand-template-2.0.3.tgz#6e14b3fcee0f3a6340ecb57d2e8918692052a47c"
   integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==
 
-expect@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.1.tgz#ca6fff65f6517cf7220c2e805a49c19aea30b420"
-  integrity sha512-/AANEwGL0tWBwzLNOvO0yUdy2D52jVdNXppOqswC49sxMN2cPWsGCQdzuIf9tj6hHoBQzNvx75JUYuQAckPo3w==
+expect@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-28.1.3.tgz#90a7c1a124f1824133dd4533cce2d2bdcb6603ec"
+  integrity sha512-eEh0xn8HlsuOBxFgIss+2mX85VAS4Qy3OSkjV7rlBWljtA4oWH37glVGyOZSZvErDT/yBywZdPGwCXuTvSG85g==
   dependencies:
-    "@jest/expect-utils" "^28.1.1"
+    "@jest/expect-utils" "^28.1.3"
     jest-get-type "^28.0.2"
-    jest-matcher-utils "^28.1.1"
-    jest-message-util "^28.1.1"
-    jest-util "^28.1.1"
+    jest-matcher-utils "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
 
 express@^4.17.3:
   version "4.18.1"
@@ -5781,11 +6157,27 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+extend-shallow@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
+  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
+  dependencies:
+    is-extendable "^0.1.0"
+
 extend@^3.0.0, extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
+external-editor@^3.0.3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
+  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
+  dependencies:
+    chardet "^0.7.0"
+    iconv-lite "^0.4.24"
+    tmp "^0.0.33"
+
 extract-zip@^1.0.3:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-1.7.0.tgz#556cc3ae9df7f452c493a0cfb51cc30277940927"
@@ -5811,7 +6203,7 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.2.11, fast-glob@^3.2.9:
+fast-glob@^3.2.11, fast-glob@^3.2.5, fast-glob@^3.2.9:
   version "3.2.11"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9"
   integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==
@@ -5880,6 +6272,13 @@ figgy-pudding@^3.4.1, figgy-pudding@^3.5.1:
   resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
   integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
 
+figures@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
+  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -5915,6 +6314,17 @@ filelist@^1.0.1:
   dependencies:
     minimatch "^5.0.1"
 
+fill-range@^2.1.0:
+  version "2.2.4"
+  resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
+  integrity sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==
+  dependencies:
+    is-number "^2.1.0"
+    isobject "^2.0.0"
+    randomatic "^3.0.0"
+    repeat-element "^1.1.2"
+    repeat-string "^1.5.2"
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.0.1.tgz#1919a6a7c75fe38b2c7c77e5198535da9acdda40"
@@ -5940,6 +6350,14 @@ finalhandler@1.2.0:
     statuses "2.0.1"
     unpipe "~1.0.0"
 
+find-in-files@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/find-in-files/-/find-in-files-0.5.0.tgz#8e5a20ffb562e0a47cb916b7f7b821717025e691"
+  integrity sha512-VraTc6HdtdSHmAp0yJpAy20yPttGKzyBWc7b7FPnnsX9TOgmKx0g9xajizpF/iuu4IvNK4TP0SpyBT9zAlwG+g==
+  dependencies:
+    find "^0.1.5"
+    q "^1.0.1"
+
 find-npm-prefix@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/find-npm-prefix/-/find-npm-prefix-1.0.2.tgz#8d8ce2c78b3b4b9e66c8acc6a37c231eb841cfdf"
@@ -5987,6 +6405,13 @@ find-up@^5.0.0:
     locate-path "^6.0.0"
     path-exists "^4.0.0"
 
+find@^0.1.5:
+  version "0.1.7"
+  resolved "https://registry.yarnpkg.com/find/-/find-0.1.7.tgz#c86c87af1ab18f222bbe38dec86cbc760d16a6fb"
+  integrity sha512-jPrupTOe/pO//3a9Ty2o4NqQCp0L46UG+swUnfFtdmtQVN8pEltKpAqR7Nuf6vWn0GBXx5w+R1MyZzqwjEIqdA==
+  dependencies:
+    traverse-chain "~0.1.0"
+
 flat-cache@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11"
@@ -6023,6 +6448,16 @@ follow-redirects@^1.0.0:
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.0.tgz#06441868281c86d0dda4ad8bdaead2d02dca89d4"
   integrity sha512-aExlJShTV4qOUOL7yF1U5tvLCB0xQuudbf6toyYA0E/acBNw71mvjFTnLaRp50aQaYocMR0a/RMMBIHeZnGyjQ==
 
+for-in@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
+  integrity sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==
+
+foreachasync@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/foreachasync/-/foreachasync-3.0.0.tgz#5502987dc8714be3392097f32e0071c9dee07cf6"
+  integrity sha512-J+ler7Ta54FwwNcx6wQRDhTIbNeyDcARMkOcguEqnEdtm0jKvN3Li3PDAb2Du3ubJYEWfYL83XMROXdsXAXycw==
+
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -6114,7 +6549,7 @@ fs-constants@^1.0.0:
   resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
   integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
 
-fs-extra@^10.0.0:
+fs-extra@^10.0.0, fs-extra@^10.1.0:
   version "10.1.0"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
   integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
@@ -6215,6 +6650,20 @@ functions-have-names@^1.2.2:
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
   integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==
 
+gauge@^4.0.3:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-4.0.4.tgz#52ff0652f2bbf607a989793d53b751bef2328dce"
+  integrity sha512-f9m+BEN5jkg6a0fZjleidjN51VE1X+mPFQ2DJ0uv1V39oCLCbsGe6yjbBnp7eK7z/+GAon99a3nHuqbuuthyPg==
+  dependencies:
+    aproba "^1.0.3 || ^2.0.0"
+    color-support "^1.1.3"
+    console-control-strings "^1.1.0"
+    has-unicode "^2.0.1"
+    signal-exit "^3.0.7"
+    string-width "^4.2.3"
+    strip-ansi "^6.0.1"
+    wide-align "^1.1.5"
+
 gauge@~2.7.3:
   version "2.7.4"
   resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
@@ -6362,17 +6811,6 @@ glob@^7.0.0, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^8.0.3:
-  version "8.0.3"
-  resolved "https://registry.yarnpkg.com/glob/-/glob-8.0.3.tgz#415c6eb2deed9e502c68fa44a272e6da6eeca42e"
-  integrity sha512-ull455NHSHI/Y1FqGaaYFaLGkNMMJbavMrEGFXG/PGrg6y7sutWHUHrz6gy6WEBH6akM1M414dWKCNs+IhKdiQ==
-  dependencies:
-    fs.realpath "^1.0.0"
-    inflight "^1.0.4"
-    inherits "2"
-    minimatch "^5.0.1"
-    once "^1.3.0"
-
 global-agent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/global-agent/-/global-agent-3.0.0.tgz#ae7cd31bd3583b93c5a16437a1afe27cc33a1ab6"
@@ -6440,7 +6878,7 @@ globby@^11.0.1, globby@^11.1.0:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-got@^11.8.0, got@^11.8.5:
+got@^11.8.5:
   version "11.8.5"
   resolved "https://registry.yarnpkg.com/got/-/got-11.8.5.tgz#ce77d045136de56e8f024bebb82ea349bc730046"
   integrity sha512-o0Je4NvQObAuZPHLFoRSkdG2lTgtcynqymzg2Vupdx6PorhaT5MCbIyXG6d4D94kk8ZG57QeosgdiqfJWhEhlQ==
@@ -6491,7 +6929,7 @@ got@^9.6.0:
     to-readable-stream "^1.0.0"
     url-parse-lax "^3.0.0"
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.3, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.2, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.10"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
   integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==
@@ -6506,6 +6944,26 @@ grapheme-splitter@^1.0.4:
   resolved "https://registry.yarnpkg.com/grapheme-splitter/-/grapheme-splitter-1.0.4.tgz#9cf3a665c6247479896834af35cf1dbb4400767e"
   integrity sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==
 
+gray-matter@^2.1.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-2.1.1.tgz#3042d9adec2a1ded6a7707a9ed2380f8a17a430e"
+  integrity sha512-vbmvP1Fe/fxuT2QuLVcqb2BfK7upGhhbLIt9/owWEvPYrZZEkelLcq2HqzxosV+PQ67dUFLaAeNpH7C4hhICAA==
+  dependencies:
+    ansi-red "^0.1.1"
+    coffee-script "^1.12.4"
+    extend-shallow "^2.0.1"
+    js-yaml "^3.8.1"
+    toml "^2.3.2"
+
+gulp-header@^1.7.1:
+  version "1.8.12"
+  resolved "https://registry.yarnpkg.com/gulp-header/-/gulp-header-1.8.12.tgz#ad306be0066599127281c4f8786660e705080a84"
+  integrity sha512-lh9HLdb53sC7XIZOYzTXM4lFuXElv3EVkSDhsd7DoJBj7hm+Ni7D3qYbb+Rr8DuM8nRanBvkVO9d7askreXGnQ==
+  dependencies:
+    concat-with-sourcemaps "*"
+    lodash.template "^4.4.0"
+    through2 "^2.0.0"
+
 gunzip-maybe@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/gunzip-maybe/-/gunzip-maybe-1.4.2.tgz#b913564ae3be0eda6f3de36464837a9cd94b98ac"
@@ -6553,6 +7011,13 @@ harmony-reflect@^1.4.6:
   resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
   integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
 
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==
+  dependencies:
+    ansi-regex "^2.0.0"
+
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -6587,7 +7052,7 @@ has-tostringtag@^1.0.0:
   dependencies:
     has-symbols "^1.0.2"
 
-has-unicode@^2.0.0, has-unicode@~2.0.1:
+has-unicode@^2.0.0, has-unicode@^2.0.1, has-unicode@~2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
   integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
@@ -6640,7 +7105,7 @@ hosted-git-info@^2.1.4, hosted-git-info@^2.7.1, hosted-git-info@^2.8.9:
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
   integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==
 
-hosted-git-info@^4.0.2:
+hosted-git-info@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz#827b82867e9ff1c8d0c4d9d53880397d2c86d224"
   integrity sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==
@@ -6720,7 +7185,7 @@ http-cache-semantics@^3.8.1:
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz#39b0e16add9b605bf0a9ef3d9daaf4843b4cacd2"
   integrity sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==
 
-http-cache-semantics@^4.0.0:
+http-cache-semantics@^4.0.0, http-cache-semantics@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
   integrity sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==
@@ -6860,7 +7325,7 @@ iconv-corefoundation@^1.1.7:
     cli-truncate "^2.1.0"
     node-addon-api "^1.6.3"
 
-iconv-lite@0.4.24, iconv-lite@^0.4.4:
+iconv-lite@0.4.24, iconv-lite@^0.4.24, iconv-lite@^0.4.4:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -7033,6 +7498,25 @@ init-package-json@^1.10.3:
     validate-npm-package-license "^3.0.1"
     validate-npm-package-name "^3.0.0"
 
+inquirer@^7.1.0:
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-width "^3.0.0"
+    external-editor "^3.0.3"
+    figures "^3.0.0"
+    lodash "^4.17.19"
+    mute-stream "0.0.8"
+    run-async "^2.4.0"
+    rxjs "^6.6.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+    through "^2.3.6"
+
 internal-slot@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.3.tgz#7347e307deeea2faac2ac6205d4bc7d34967f59c"
@@ -7072,6 +7556,11 @@ ip@1.1.5:
   resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
   integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
 
+ip@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.0.tgz#4cf4ab182fee2314c75ede1276f8c80b479936da"
+  integrity sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==
+
 ipaddr.js@1.9.1:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
@@ -7114,6 +7603,11 @@ is-boolean-object@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-buffer@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
+  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
+
 is-callable@^1.1.4, is-callable@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
@@ -7176,6 +7670,18 @@ is-electron@^2.2.0:
   resolved "https://registry.yarnpkg.com/is-electron/-/is-electron-2.2.1.tgz#751b1dd8a74907422faa5c35aaa0cf66d98086e9"
   integrity sha512-r8EEQQsqT+Gn0aXFx7lTFygYQhILLCB+wn0WCDL5LZRINeLH/Rvw1j2oKodELLXYNImQ3CRlVsY8wW4cGOsyuw==
 
+is-extendable@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
+  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
+
+is-extendable@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
+  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
+  dependencies:
+    is-plain-object "^2.0.4"
+
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -7236,6 +7742,11 @@ is-installed-globally@^0.4.0:
     global-dirs "^3.0.0"
     is-path-inside "^3.0.2"
 
+is-lambda@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/is-lambda/-/is-lambda-1.0.1.tgz#3d9877899e6a53efc0160504cde15f82e6f061d5"
+  integrity sha512-z7CMFGNrENq5iFB9Bqo64Xk6Y9sg+epq1myIcdHaGnbMTYOxvzsEtdYqQUylB7LxfkvgrrjP32T6Ywciio9UIQ==
+
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -7258,6 +7769,18 @@ is-number-object@^1.0.4:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-number@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+  integrity sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==
+  dependencies:
+    kind-of "^3.0.2"
+
+is-number@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
+  integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
+
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
@@ -7409,7 +7932,7 @@ isarray@0.0.1:
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
   integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
 
-isarray@~1.0.0:
+isarray@1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
   integrity sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=
@@ -7421,7 +7944,7 @@ isbinaryfile@^3.0.2:
   dependencies:
     buffer-alloc "^1.2.0"
 
-isbinaryfile@^4.0.8:
+isbinaryfile@^4.0.10:
   version "4.0.10"
   resolved "https://registry.yarnpkg.com/isbinaryfile/-/isbinaryfile-4.0.10.tgz#0c5b5e30c2557a2f06febd37b7322946aaee42b3"
   integrity sha512-iHrqe5shvBUcFbmZq9zOQHBoeOhZJu6RQGrDpBgenUm/Am+F3JM2MgQj+rK3Z601fzrL5gLZWtAPH2OBaSVcyw==
@@ -7431,6 +7954,13 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=
 
+isobject@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/isobject/-/isobject-2.1.0.tgz#f065561096a3f1da2ef46272f815c840d87e0c89"
+  integrity sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==
+  dependencies:
+    isarray "1.0.0"
+
 isobject@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
@@ -7506,104 +8036,94 @@ jest-canvas-mock@^2.3.1:
     cssfontparser "^1.2.1"
     moo-color "^1.0.2"
 
-jest-changed-files@^28.0.2:
-  version "28.0.2"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-28.0.2.tgz#7d7810660a5bd043af9e9cfbe4d58adb05e91531"
-  integrity sha512-QX9u+5I2s54ZnGoMEjiM2WeBvJR2J7w/8ZUmH2um/WLAuGAYFQcsVXY9+1YL6k0H/AGUdH8pXUAv6erDqEsvIA==
+jest-changed-files@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-28.1.3.tgz#d9aeee6792be3686c47cb988a8eaf82ff4238831"
+  integrity sha512-esaOfUWJXk2nfZt9SPyC8gA1kNfdKLkQWyzsMlqq8msYSlNKfmZxfRgZn4Cd4MGVUF+7v6dBs0d5TOAKa7iIiA==
   dependencies:
     execa "^5.0.0"
-    throat "^6.0.1"
+    p-limit "^3.1.0"
 
-jest-circus@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-28.1.1.tgz#3d27da6a974d85a466dc0cdc6ddeb58daaa57bb4"
-  integrity sha512-75+BBVTsL4+p2w198DQpCeyh1RdaS2lhEG87HkaFX/UG0gJExVq2skG2pT7XZEGBubNj2CytcWSPan4QEPNosw==
+jest-circus@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-28.1.3.tgz#d14bd11cf8ee1a03d69902dc47b6bd4634ee00e4"
+  integrity sha512-cZ+eS5zc79MBwt+IhQhiEp0OeBddpc1n8MBo1nMB8A7oPMKEO+Sre+wHaLJexQUj9Ya/8NOBY0RESUgYjB6fow==
   dependencies:
-    "@jest/environment" "^28.1.1"
-    "@jest/expect" "^28.1.1"
-    "@jest/test-result" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/expect" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
     dedent "^0.7.0"
     is-generator-fn "^2.0.0"
-    jest-each "^28.1.1"
-    jest-matcher-utils "^28.1.1"
-    jest-message-util "^28.1.1"
-    jest-runtime "^28.1.1"
-    jest-snapshot "^28.1.1"
-    jest-util "^28.1.1"
-    pretty-format "^28.1.1"
+    jest-each "^28.1.3"
+    jest-matcher-utils "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-runtime "^28.1.3"
+    jest-snapshot "^28.1.3"
+    jest-util "^28.1.3"
+    p-limit "^3.1.0"
+    pretty-format "^28.1.3"
     slash "^3.0.0"
     stack-utils "^2.0.3"
-    throat "^6.0.1"
 
-jest-cli@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-28.1.1.tgz#23ddfde8940e1818585ae4a568877b33b0e51cfe"
-  integrity sha512-+sUfVbJqb1OjBZ0OdBbI6OWfYM1i7bSfzYy6gze1F1w3OKWq8ZTEKkZ8a7ZQPq6G/G1qMh/uKqpdWhgl11NFQQ==
+jest-cli@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-28.1.3.tgz#558b33c577d06de55087b8448d373b9f654e46b2"
+  integrity sha512-roY3kvrv57Azn1yPgdTebPAXvdR2xfezaKKYzVxZ6It/5NCxzJym6tUI5P1zkdWhfUYkxEI9uZWcQdaFLo8mJQ==
   dependencies:
-    "@jest/core" "^28.1.1"
-    "@jest/test-result" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/core" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
     chalk "^4.0.0"
     exit "^0.1.2"
     graceful-fs "^4.2.9"
     import-local "^3.0.2"
-    jest-config "^28.1.1"
-    jest-util "^28.1.1"
-    jest-validate "^28.1.1"
+    jest-config "^28.1.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
     prompts "^2.0.1"
     yargs "^17.3.1"
 
-jest-config@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-28.1.1.tgz#e90b97b984f14a6c24a221859e81b258990fce2f"
-  integrity sha512-tASynMhS+jVV85zKvjfbJ8nUyJS/jUSYZ5KQxLUN2ZCvcQc/OmhQl2j6VEL3ezQkNofxn5pQ3SPYWPHb0unTZA==
+jest-config@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-28.1.3.tgz#e315e1f73df3cac31447eed8b8740a477392ec60"
+  integrity sha512-MG3INjByJ0J4AsNBm7T3hsuxKQqFIiRo/AUqb1q9LRKI5UU6Aar9JHbr9Ivn1TVwfUD9KirRoM/T6u8XlcQPHQ==
   dependencies:
     "@babel/core" "^7.11.6"
-    "@jest/test-sequencer" "^28.1.1"
-    "@jest/types" "^28.1.1"
-    babel-jest "^28.1.1"
+    "@jest/test-sequencer" "^28.1.3"
+    "@jest/types" "^28.1.3"
+    babel-jest "^28.1.3"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     deepmerge "^4.2.2"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-circus "^28.1.1"
-    jest-environment-node "^28.1.1"
+    jest-circus "^28.1.3"
+    jest-environment-node "^28.1.3"
     jest-get-type "^28.0.2"
     jest-regex-util "^28.0.2"
-    jest-resolve "^28.1.1"
-    jest-runner "^28.1.1"
-    jest-util "^28.1.1"
-    jest-validate "^28.1.1"
+    jest-resolve "^28.1.3"
+    jest-runner "^28.1.3"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
     micromatch "^4.0.4"
     parse-json "^5.2.0"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
     slash "^3.0.0"
     strip-json-comments "^3.1.1"
 
-jest-diff@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-27.5.1.tgz#a07f5011ac9e6643cf8a95a462b7b1ecf6680def"
-  integrity sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==
-  dependencies:
-    chalk "^4.0.0"
-    diff-sequences "^27.5.1"
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-diff@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-28.1.1.tgz#1a3eedfd81ae79810931c63a1d0f201b9120106c"
-  integrity sha512-/MUUxeR2fHbqHoMMiffe/Afm+U8U4olFRJ0hiVG2lZatPJcnGxx292ustVu7bULhjV65IYMxRdploAKLbcrsyg==
+jest-diff@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-28.1.3.tgz#948a192d86f4e7a64c5264ad4da4877133d8792f"
+  integrity sha512-8RqP1B/OXzjjTWkqMX67iqgwBVJRgCyKD3L9nq+6ZqJMdvjE8RgHktqZ6jNrkdMT+dJuYNI3rhQpxaz7drJHfw==
   dependencies:
     chalk "^4.0.0"
     diff-sequences "^28.1.1"
     jest-get-type "^28.0.2"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
 
 jest-docblock@^28.1.1:
   version "28.1.1"
@@ -7612,42 +8132,42 @@ jest-docblock@^28.1.1:
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-28.1.1.tgz#ba5238dacf4f31d9fe23ddc2c44c01e7c23885c4"
-  integrity sha512-A042rqh17ZvEhRceDMi784ppoXR7MWGDEKTXEZXb4svt0eShMZvijGxzKsx+yIjeE8QYmHPrnHiTSQVhN4nqaw==
+jest-each@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-28.1.3.tgz#bdd1516edbe2b1f3569cfdad9acd543040028f81"
+  integrity sha512-arT1z4sg2yABU5uogObVPvSlSMQlDA48owx07BDPAiasW0yYpYHYOo4HHLz9q0BVzDVU4hILFjzJw0So9aCL/g==
   dependencies:
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     chalk "^4.0.0"
     jest-get-type "^28.0.2"
-    jest-util "^28.1.1"
-    pretty-format "^28.1.1"
+    jest-util "^28.1.3"
+    pretty-format "^28.1.3"
 
-jest-environment-jsdom@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-28.1.1.tgz#8bd721915b32f9b196723292c4461a0ad548b55b"
-  integrity sha512-41ZvgSoPNcKG5q3LuuOcAczdBxRq9DbZkPe24okN6ZCmiZdAfFtPg3z+lOtsT1fM6OAERApKT+3m0MRDQH2zIA==
+jest-environment-jsdom@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-28.1.3.tgz#2d4e5d61b7f1d94c3bddfbb21f0308ee506c09fb"
+  integrity sha512-HnlGUmZRdxfCByd3GM2F100DgQOajUBzEitjGqIREcb45kGjZvRrKUdlaF6escXBdcXNl0OBh+1ZrfeZT3GnAg==
   dependencies:
-    "@jest/environment" "^28.1.1"
-    "@jest/fake-timers" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/jsdom" "^16.2.4"
     "@types/node" "*"
-    jest-mock "^28.1.1"
-    jest-util "^28.1.1"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
     jsdom "^19.0.0"
 
-jest-environment-node@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-28.1.1.tgz#1c86c59003a7d319fa06ea3b1bbda6c193715c67"
-  integrity sha512-2aV/eeY/WNgUUJrrkDJ3cFEigjC5fqT1+fCclrY6paqJ5zVPoM//sHmfgUUp7WLYxIdbPwMiVIzejpN56MxnNA==
+jest-environment-node@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-28.1.3.tgz#7e74fe40eb645b9d56c0c4b70ca4357faa349be5"
+  integrity sha512-ugP6XOhEpjAEhGYvp5Xj989ns5cB1K6ZdjBYuS30umT4CQEETaxSiPcZ/E1kFktX4GkrcM4qu07IIlDYX1gp+A==
   dependencies:
-    "@jest/environment" "^28.1.1"
-    "@jest/fake-timers" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
-    jest-mock "^28.1.1"
-    jest-util "^28.1.1"
+    jest-mock "^28.1.3"
+    jest-util "^28.1.3"
 
 jest-fetch-mock@^3.0.3:
   version "3.0.3"
@@ -7657,91 +8177,76 @@ jest-fetch-mock@^3.0.3:
     cross-fetch "^3.0.4"
     promise-polyfill "^8.1.3"
 
-jest-get-type@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-27.5.1.tgz#3cd613c507b0f7ace013df407a1c1cd578bcb4f1"
-  integrity sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==
-
 jest-get-type@^28.0.2:
   version "28.0.2"
   resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-28.0.2.tgz#34622e628e4fdcd793d46db8a242227901fcf203"
   integrity sha512-ioj2w9/DxSYHfOm5lJKCdcAmPJzQXmbM/Url3rhlghrPvT3tt+7a/+oXc9azkKmLvoiXjtV83bEWqi+vs5nlPA==
 
-jest-haste-map@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-28.1.1.tgz#471685f1acd365a9394745bb97c8fc16289adca3"
-  integrity sha512-ZrRSE2o3Ezh7sb1KmeLEZRZ4mgufbrMwolcFHNRSjKZhpLa8TdooXOOFlSwoUzlbVs1t0l7upVRW2K7RWGHzbQ==
+jest-haste-map@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-28.1.3.tgz#abd5451129a38d9841049644f34b034308944e2b"
+  integrity sha512-3S+RQWDXccXDKSWnkHa/dPwt+2qwA8CJzR61w3FoYCvoo3Pn8tvGcysmMF0Bj0EX5RYvAI2EIvC57OmotfdtKA==
   dependencies:
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     "@types/graceful-fs" "^4.1.3"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
     graceful-fs "^4.2.9"
     jest-regex-util "^28.0.2"
-    jest-util "^28.1.1"
-    jest-worker "^28.1.1"
+    jest-util "^28.1.3"
+    jest-worker "^28.1.3"
     micromatch "^4.0.4"
     walker "^1.0.8"
   optionalDependencies:
     fsevents "^2.3.2"
 
-jest-leak-detector@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-28.1.1.tgz#537f37afd610a4b3f4cab15e06baf60484548efb"
-  integrity sha512-4jvs8V8kLbAaotE+wFR7vfUGf603cwYtFf1/PYEsyX2BAjSzj8hQSVTP6OWzseTl0xL6dyHuKs2JAks7Pfubmw==
+jest-leak-detector@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-28.1.3.tgz#a6685d9b074be99e3adee816ce84fd30795e654d"
+  integrity sha512-WFVJhnQsiKtDEo5lG2mM0v40QWnBM+zMdHHyJs8AWZ7J0QZJS59MsyKeJHWhpBZBH32S48FOVvGyOFT1h0DlqA==
   dependencies:
     jest-get-type "^28.0.2"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
 
-jest-matcher-utils@^27.0.0:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz#9c0cdbda8245bc22d2331729d1091308b40cf8ab"
-  integrity sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==
+jest-matcher-utils@^28.0.0, jest-matcher-utils@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.3.tgz#5a77f1c129dd5ba3b4d7fc20728806c78893146e"
+  integrity sha512-kQeJ7qHemKfbzKoGjHHrRKH6atgxMk8Enkk2iPQ3XwO6oE/KYD8lMYOziCkeSB9G4adPM4nR1DE8Tf5JeWH6Bw==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^27.5.1"
-    jest-get-type "^27.5.1"
-    pretty-format "^27.5.1"
-
-jest-matcher-utils@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-28.1.1.tgz#a7c4653c2b782ec96796eb3088060720f1e29304"
-  integrity sha512-NPJPRWrbmR2nAJ+1nmnfcKKzSwgfaciCCrYZzVnNoxVoyusYWIjkBMNvu0RHJe7dNj4hH3uZOPZsQA+xAYWqsw==
-  dependencies:
-    chalk "^4.0.0"
-    jest-diff "^28.1.1"
+    jest-diff "^28.1.3"
     jest-get-type "^28.0.2"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
 
-jest-message-util@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.1.tgz#60aa0b475cfc08c8a9363ed2fb9108514dd9ab89"
-  integrity sha512-xoDOOT66fLfmTRiqkoLIU7v42mal/SqwDKvfmfiWAdJMSJiU+ozgluO7KbvoAgiwIrrGZsV7viETjc8GNrA/IQ==
+jest-message-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-28.1.3.tgz#232def7f2e333f1eecc90649b5b94b0055e7c43d"
+  integrity sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==
   dependencies:
     "@babel/code-frame" "^7.12.13"
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
     micromatch "^4.0.4"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock-extended@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/jest-mock-extended/-/jest-mock-extended-2.0.6.tgz#a41c4e97036859846a893e3572abe5400e82d9e7"
-  integrity sha512-KoDdjqwIp2phaOWB0hr4O+9HF7hIJx7O+Reefi3iGrNhUpzVkod9UozYTSanvbNvjFYIEH6noA2tIjc8IDpadw==
+jest-mock-extended@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/jest-mock-extended/-/jest-mock-extended-2.0.7.tgz#73ad87d8a744949bc3415d840f03468229f73f2a"
+  integrity sha512-h8brJJN5BZb03hTwplvt+raT6Nj0U2U71Z26Py12Qc3kvYnAjDW/zSuQJLnXCNyyufy592VC9k3X7AOz+2H52g==
   dependencies:
     ts-essentials "^7.0.3"
 
-jest-mock@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-28.1.1.tgz#37903d269427fa1ef5b2447be874e1c62a39a371"
-  integrity sha512-bDCb0FjfsmKweAvE09dZT59IMkzgN0fYBH6t5S45NoJfd2DHkS3ySG2K+hucortryhO3fVuXdlxWcbtIuV/Skw==
+jest-mock@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-28.1.3.tgz#d4e9b1fc838bea595c77ab73672ebf513ab249da"
+  integrity sha512-o3J2jr6dMMWYVH4Lh/NKmDXdosrsJgi4AviS8oXLujcjpCMBb1FMsblDnOXKZKfSiHLxYub1eS0IHuRXsio9eA==
   dependencies:
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
 
 jest-pnp-resolver@^1.2.2:
@@ -7754,149 +8259,149 @@ jest-regex-util@^28.0.2:
   resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-28.0.2.tgz#afdc377a3b25fb6e80825adcf76c854e5bf47ead"
   integrity sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==
 
-jest-resolve-dependencies@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-28.1.1.tgz#3dffaaa56f4b41bc6b61053899d1756401763a27"
-  integrity sha512-p8Y150xYJth4EXhOuB8FzmS9r8IGLEioiaetgdNGb9VHka4fl0zqWlVe4v7mSkYOuEUg2uB61iE+zySDgrOmgQ==
+jest-resolve-dependencies@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-28.1.3.tgz#8c65d7583460df7275c6ea2791901fa975c1fe66"
+  integrity sha512-qa0QO2Q0XzQoNPouMbCc7Bvtsem8eQgVPNkwn9LnS+R2n8DaVDPL/U1gngC0LTl1RYXJU0uJa2BMC2DbTfFrHA==
   dependencies:
     jest-regex-util "^28.0.2"
-    jest-snapshot "^28.1.1"
+    jest-snapshot "^28.1.3"
 
-jest-resolve@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-28.1.1.tgz#bc2eaf384abdcc1aaf3ba7c50d1adf01e59095e5"
-  integrity sha512-/d1UbyUkf9nvsgdBildLe6LAD4DalgkgZcKd0nZ8XUGPyA/7fsnaQIlKVnDiuUXv/IeZhPEDrRJubVSulxrShA==
+jest-resolve@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-28.1.3.tgz#cfb36100341ddbb061ec781426b3c31eb51aa0a8"
+  integrity sha512-Z1W3tTjE6QaNI90qo/BJpfnvpxtaFTFw5CDgwpyE/Kz8U/06N1Hjf4ia9quUhCh39qIGWF1ZuxFiBiJQwSEYKQ==
   dependencies:
     chalk "^4.0.0"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.1"
+    jest-haste-map "^28.1.3"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^28.1.1"
-    jest-validate "^28.1.1"
+    jest-util "^28.1.3"
+    jest-validate "^28.1.3"
     resolve "^1.20.0"
     resolve.exports "^1.1.0"
     slash "^3.0.0"
 
-jest-runner@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-28.1.1.tgz#9ecdb3f27a00059986797aa6b012ba8306aa436c"
-  integrity sha512-W5oFUiDBgTsCloTAj6q95wEvYDB0pxIhY6bc5F26OucnwBN+K58xGTGbliSMI4ChQal5eANDF+xvELaYkJxTmA==
+jest-runner@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-28.1.3.tgz#5eee25febd730b4713a2cdfd76bdd5557840f9a1"
+  integrity sha512-GkMw4D/0USd62OVO0oEgjn23TM+YJa2U2Wu5zz9xsQB1MxWKDOlrnykPxnMsN0tnJllfLPinHTka61u0QhaxBA==
   dependencies:
-    "@jest/console" "^28.1.1"
-    "@jest/environment" "^28.1.1"
-    "@jest/test-result" "^28.1.1"
-    "@jest/transform" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/console" "^28.1.3"
+    "@jest/environment" "^28.1.3"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
     emittery "^0.10.2"
     graceful-fs "^4.2.9"
     jest-docblock "^28.1.1"
-    jest-environment-node "^28.1.1"
-    jest-haste-map "^28.1.1"
-    jest-leak-detector "^28.1.1"
-    jest-message-util "^28.1.1"
-    jest-resolve "^28.1.1"
-    jest-runtime "^28.1.1"
-    jest-util "^28.1.1"
-    jest-watcher "^28.1.1"
-    jest-worker "^28.1.1"
+    jest-environment-node "^28.1.3"
+    jest-haste-map "^28.1.3"
+    jest-leak-detector "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-resolve "^28.1.3"
+    jest-runtime "^28.1.3"
+    jest-util "^28.1.3"
+    jest-watcher "^28.1.3"
+    jest-worker "^28.1.3"
+    p-limit "^3.1.0"
     source-map-support "0.5.13"
-    throat "^6.0.1"
 
-jest-runtime@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-28.1.1.tgz#569e1dc3c36c6c4c0b29516c1c49b6ad580abdaf"
-  integrity sha512-J89qEJWW0leOsqyi0D9zHpFEYHwwafFdS9xgvhFHtIdRghbadodI0eA+DrthK/1PebBv3Px8mFSMGKrtaVnleg==
+jest-runtime@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-28.1.3.tgz#a57643458235aa53e8ec7821949e728960d0605f"
+  integrity sha512-NU+881ScBQQLc1JHG5eJGU7Ui3kLKrmwCPPtYsJtBykixrM2OhVQlpMmFWJjMyDfdkGgBMNjXCGB/ebzsgNGQw==
   dependencies:
-    "@jest/environment" "^28.1.1"
-    "@jest/fake-timers" "^28.1.1"
-    "@jest/globals" "^28.1.1"
-    "@jest/source-map" "^28.0.2"
-    "@jest/test-result" "^28.1.1"
-    "@jest/transform" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/environment" "^28.1.3"
+    "@jest/fake-timers" "^28.1.3"
+    "@jest/globals" "^28.1.3"
+    "@jest/source-map" "^28.1.2"
+    "@jest/test-result" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     chalk "^4.0.0"
     cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
     execa "^5.0.0"
     glob "^7.1.3"
     graceful-fs "^4.2.9"
-    jest-haste-map "^28.1.1"
-    jest-message-util "^28.1.1"
-    jest-mock "^28.1.1"
+    jest-haste-map "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-mock "^28.1.3"
     jest-regex-util "^28.0.2"
-    jest-resolve "^28.1.1"
-    jest-snapshot "^28.1.1"
-    jest-util "^28.1.1"
+    jest-resolve "^28.1.3"
+    jest-snapshot "^28.1.3"
+    jest-util "^28.1.3"
     slash "^3.0.0"
     strip-bom "^4.0.0"
 
-jest-snapshot@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-28.1.1.tgz#ab825c16c8d8b5e883bd57eee6ca8748c42ab848"
-  integrity sha512-1KjqHJ98adRcbIdMizjF5DipwZFbvxym/kFO4g4fVZCZRxH/dqV8TiBFCa6rqic3p0karsy8RWS1y4E07b7P0A==
+jest-snapshot@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-28.1.3.tgz#17467b3ab8ddb81e2f605db05583d69388fc0668"
+  integrity sha512-4lzMgtiNlc3DU/8lZfmqxN3AYD6GGLbl+72rdBpXvcV+whX7mDrREzkPdp2RnmfIiWBg1YbuFSkXduF2JcafJg==
   dependencies:
     "@babel/core" "^7.11.6"
     "@babel/generator" "^7.7.2"
     "@babel/plugin-syntax-typescript" "^7.7.2"
     "@babel/traverse" "^7.7.2"
     "@babel/types" "^7.3.3"
-    "@jest/expect-utils" "^28.1.1"
-    "@jest/transform" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/expect-utils" "^28.1.3"
+    "@jest/transform" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/babel__traverse" "^7.0.6"
     "@types/prettier" "^2.1.5"
     babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^28.1.1"
+    expect "^28.1.3"
     graceful-fs "^4.2.9"
-    jest-diff "^28.1.1"
+    jest-diff "^28.1.3"
     jest-get-type "^28.0.2"
-    jest-haste-map "^28.1.1"
-    jest-matcher-utils "^28.1.1"
-    jest-message-util "^28.1.1"
-    jest-util "^28.1.1"
+    jest-haste-map "^28.1.3"
+    jest-matcher-utils "^28.1.3"
+    jest-message-util "^28.1.3"
+    jest-util "^28.1.3"
     natural-compare "^1.4.0"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
     semver "^7.3.5"
 
-jest-util@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.1.tgz#ff39e436a1aca397c0ab998db5a51ae2b7080d05"
-  integrity sha512-FktOu7ca1DZSyhPAxgxB6hfh2+9zMoJ7aEQA759Z6p45NuO8mWcqujH+UdHlCm/V6JTWwDztM2ITCzU1ijJAfw==
+jest-util@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-28.1.3.tgz#f4f932aa0074f0679943220ff9cbba7e497028b0"
+  integrity sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==
   dependencies:
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     chalk "^4.0.0"
     ci-info "^3.2.0"
     graceful-fs "^4.2.9"
     picomatch "^2.2.3"
 
-jest-validate@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-28.1.1.tgz#59b7b339b3c85b5144bd0c06ad3600f503a4acc8"
-  integrity sha512-Kpf6gcClqFCIZ4ti5++XemYJWUPCFUW+N2gknn+KgnDf549iLul3cBuKVe1YcWRlaF8tZV8eJCap0eECOEE3Ug==
+jest-validate@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-28.1.3.tgz#e322267fd5e7c64cea4629612c357bbda96229df"
+  integrity sha512-SZbOGBWEsaTxBGCOpsRWlXlvNkvTkY0XxRfh7zYmvd8uL5Qzyg0CHAXiXKROflh801quA6+/DsT4ODDthOC/OA==
   dependencies:
-    "@jest/types" "^28.1.1"
+    "@jest/types" "^28.1.3"
     camelcase "^6.2.0"
     chalk "^4.0.0"
     jest-get-type "^28.0.2"
     leven "^3.1.0"
-    pretty-format "^28.1.1"
+    pretty-format "^28.1.3"
 
-jest-watcher@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.1.tgz#533597fb3bfefd52b5cd115cd916cffd237fb60c"
-  integrity sha512-RQIpeZ8EIJMxbQrXpJQYIIlubBnB9imEHsxxE41f54ZwcqWLysL/A0ZcdMirf+XsMn3xfphVQVV4EW0/p7i7Ug==
+jest-watcher@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-28.1.3.tgz#c6023a59ba2255e3b4c57179fc94164b3e73abd4"
+  integrity sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==
   dependencies:
-    "@jest/test-result" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/test-result" "^28.1.3"
+    "@jest/types" "^28.1.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
     emittery "^0.10.2"
-    jest-util "^28.1.1"
+    jest-util "^28.1.3"
     string-length "^4.0.1"
 
 jest-worker@^27.4.5:
@@ -7908,24 +8413,24 @@ jest-worker@^27.4.5:
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest-worker@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.1.tgz#3480c73247171dfd01eda77200f0063ab6a3bf28"
-  integrity sha512-Au7slXB08C6h+xbJPp7VIb6U0XX5Kc9uel/WFc6/rcTzGiaVCBRngBExSYuXSLFPULPSYU3cJ3ybS988lNFQhQ==
+jest-worker@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-28.1.3.tgz#7e3c4ce3fa23d1bb6accb169e7f396f98ed4bb98"
+  integrity sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==
   dependencies:
     "@types/node" "*"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-28.1.1.tgz#3c39a3a09791e16e9ef283597d24ab19a0df701e"
-  integrity sha512-qw9YHBnjt6TCbIDMPMpJZqf9E12rh6869iZaN08/vpOGgHJSAaLLUn6H8W3IAEuy34Ls3rct064mZLETkxJ2XA==
+jest@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-28.1.3.tgz#e9c6a7eecdebe3548ca2b18894a50f45b36dfc6b"
+  integrity sha512-N4GT5on8UkZgH0O5LUavMRV1EDEhNTL0KEfRmDIeZHSV7p2XgLoY9t9VDUgL6o+yfdgYHVxuz81G8oB9VG5uyA==
   dependencies:
-    "@jest/core" "^28.1.1"
-    "@jest/types" "^28.1.1"
+    "@jest/core" "^28.1.3"
+    "@jest/types" "^28.1.3"
     import-local "^3.0.2"
-    jest-cli "^28.1.1"
+    jest-cli "^28.1.3"
 
 joi@^17.6.0:
   version "17.6.0"
@@ -7938,12 +8443,10 @@ joi@^17.6.0:
     "@sideway/formula" "^3.0.0"
     "@sideway/pinpoint" "^2.0.0"
 
-jose@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/jose/-/jose-2.0.5.tgz#29746a18d9fff7dcf9d5d2a6f62cb0c7cd27abd3"
-  integrity sha512-BAiDNeDKTMgk4tvD0BbxJ8xHEHBZgpeRZ1zGPPsitSyMgjoMWiLGYAE7H7NpP5h0lPppQajQs871E8NHUrzVPA==
-  dependencies:
-    "@panva/asn1.js" "^1.0.0"
+jose@^4.1.4:
+  version "4.8.3"
+  resolved "https://registry.yarnpkg.com/jose/-/jose-4.8.3.tgz#5a754fb4aa5f2806608d083f438e6916b11087da"
+  integrity sha512-7rySkpW78d8LBp4YU70Wb7+OTgE3OwAALNVZxhoIhp4Kscp+p/fBkdpxGAMKxvCAMV4QfXBU9m6l9nX/vGwd2g==
 
 joycon@^3.0.1:
   version "3.1.1"
@@ -7955,7 +8458,7 @@ joycon@^3.0.1:
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
 
-js-yaml@^3.13.1:
+js-yaml@^3.13.1, js-yaml@^3.8.1:
   version "3.14.1"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537"
   integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==
@@ -8257,7 +8760,14 @@ keyv@^4.0.0:
     compress-brotli "^1.3.8"
     json-buffer "3.0.1"
 
-kind-of@^6.0.2:
+kind-of@^3.0.2:
+  version "3.2.2"
+  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
+  integrity sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==
+  dependencies:
+    is-buffer "^1.1.5"
+
+kind-of@^6.0.0, kind-of@^6.0.2:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
@@ -8291,6 +8801,13 @@ latest-version@^5.1.0:
   dependencies:
     package-json "^6.3.0"
 
+lazy-cache@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-2.0.2.tgz#b9190a4f913354694840859f8a8f7084d8822264"
+  integrity sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==
+  dependencies:
+    set-getter "^0.1.0"
+
 lazy-property@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/lazy-property/-/lazy-property-1.0.0.tgz#84ddc4b370679ba8bd4cdcfa4c06b43d57111147"
@@ -8494,16 +9011,26 @@ lie@~3.3.0:
   dependencies:
     immediate "~3.0.5"
 
-lilconfig@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.5.tgz#19e57fd06ccc3848fd1891655b5a447092225b25"
-  integrity sha512-xaYmXZtTHPAw5m+xLN8ab9C+3a8YmV3asNSPOATITbtwrfbwaLJj8h66H1WMIpALCkqsIzK3h7oQ+PdX+LQ9Eg==
+lilconfig@^2.0.5, lilconfig@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4"
+  integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==
 
 lines-and-columns@^1.1.6:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
+list-item@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/list-item/-/list-item-1.1.1.tgz#0c65d00e287cb663ccb3cb3849a77e89ec268a56"
+  integrity sha512-S3D0WZ4J6hyM8o5SNKWaMYB1ALSacPZ2nHGEuCjmHZ+dc03gFeNZoNDcqfcnO4vDhTZmNrqrpYZCdXsRh22bzw==
+  dependencies:
+    expand-range "^1.8.1"
+    extend-shallow "^2.0.1"
+    is-number "^2.1.0"
+    repeat-string "^1.5.2"
+
 load-json-file@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
@@ -8609,6 +9136,11 @@ lodash._createset@~4.0.0:
   resolved "https://registry.yarnpkg.com/lodash._createset/-/lodash._createset-4.0.3.tgz#0f4659fbb09d75194fa9e2b88a6644d363c9fe26"
   integrity sha1-D0ZZ+7CddRlPqeK4imZE02PJ/iY=
 
+lodash._reinterpolate@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
+  integrity sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==
+
 lodash._root@~3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/lodash._root/-/lodash._root-3.0.1.tgz#fba1c4524c19ee9a5f8136b4609f017cf4ded692"
@@ -8639,10 +9171,20 @@ lodash.merge@^4.6.2:
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.sortby@^4.7.0:
-  version "4.7.0"
-  resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438"
-  integrity sha1-7dFMgk4sycHgsKG0K7UhBRakJDg=
+lodash.template@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
+  integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
+  dependencies:
+    lodash._reinterpolate "^3.0.0"
+    lodash.templatesettings "^4.0.0"
+
+lodash.templatesettings@^4.0.0:
+  version "4.2.0"
+  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
+  integrity sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==
+  dependencies:
+    lodash._reinterpolate "^3.0.0"
 
 lodash.union@~4.6.0:
   version "4.6.0"
@@ -8659,7 +9201,7 @@ lodash.without@~4.4.0:
   resolved "https://registry.yarnpkg.com/lodash.without/-/lodash.without-4.4.0.tgz#3cd4574a00b67bae373a94b748772640507b7aac"
   integrity sha1-PNRXSgC2e643OpS3SHcmQFB7eqw=
 
-lodash@^4.17.10, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.7.0:
+lodash@^4.17.10, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.7.0:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
@@ -8765,7 +9307,7 @@ make-dir@^3.0.0, make-dir@^3.1.0:
   dependencies:
     semver "^6.0.0"
 
-make-error@^1.1.1, make-error@^1.3.6:
+make-error@^1.1.1:
   version "1.3.6"
   resolved "https://registry.yarnpkg.com/make-error/-/make-error-1.3.6.tgz#2eb2e37ea9b67c4891f684a1394799af484cf7a2"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
@@ -8787,6 +9329,28 @@ make-fetch-happen@^5.0.0:
     socks-proxy-agent "^4.0.0"
     ssri "^6.0.0"
 
+make-fetch-happen@^9.1.0:
+  version "9.1.0"
+  resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-9.1.0.tgz#53085a09e7971433e6765f7971bf63f4e05cb968"
+  integrity sha512-+zopwDy7DNknmwPQplem5lAZX/eCOzSvSNNcSKm5eVwTkOBzoktEfXsa9L23J/GIRhxRsaxzkPEhrJEpE2F4Gg==
+  dependencies:
+    agentkeepalive "^4.1.3"
+    cacache "^15.2.0"
+    http-cache-semantics "^4.1.0"
+    http-proxy-agent "^4.0.1"
+    https-proxy-agent "^5.0.0"
+    is-lambda "^1.0.1"
+    lru-cache "^6.0.0"
+    minipass "^3.1.3"
+    minipass-collect "^1.0.2"
+    minipass-fetch "^1.3.2"
+    minipass-flush "^1.0.5"
+    minipass-pipeline "^1.2.4"
+    negotiator "^0.6.2"
+    promise-retry "^2.0.1"
+    socks-proxy-agent "^6.0.0"
+    ssri "^8.0.0"
+
 make-plural@^6.2.2:
   version "6.2.2"
   resolved "https://registry.yarnpkg.com/make-plural/-/make-plural-6.2.2.tgz#beb5fd751355e72660eeb2218bb98eec92853c6c"
@@ -8799,10 +9363,48 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
-marked@^4.0.16, marked@^4.0.17:
-  version "4.0.17"
-  resolved "https://registry.yarnpkg.com/marked/-/marked-4.0.17.tgz#1186193d85bb7882159cdcfc57d1dfccaffb3fe9"
-  integrity sha512-Wfk0ATOK5iPxM4ptrORkFemqroz0ZDxp5MWfYA7H/F+wO17NRWV5Ypxi6p3g2Xmw2bKeiYOl6oVnLHKxBA0VhA==
+markdown-link@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/markdown-link/-/markdown-link-0.1.1.tgz#32c5c65199a6457316322d1e4229d13407c8c7cf"
+  integrity sha512-TurLymbyLyo+kAUUAV9ggR9EPcDjP/ctlv9QAFiqUH7c+t6FlsbivPo9OKTU8xdOx9oNd2drW/Fi5RRElQbUqA==
+
+markdown-toc@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/markdown-toc/-/markdown-toc-1.2.0.tgz#44a15606844490314afc0444483f9e7b1122c339"
+  integrity sha512-eOsq7EGd3asV0oBfmyqngeEIhrbkc7XVP63OwcJBIhH2EpG2PzFcbZdhy1jutXSlRBBVMNXHvMtSr5LAxSUvUg==
+  dependencies:
+    concat-stream "^1.5.2"
+    diacritics-map "^0.1.0"
+    gray-matter "^2.1.0"
+    lazy-cache "^2.0.2"
+    list-item "^1.1.1"
+    markdown-link "^0.1.1"
+    minimist "^1.2.0"
+    mixin-deep "^1.1.3"
+    object.pick "^1.2.0"
+    remarkable "^1.7.1"
+    repeat-string "^1.6.1"
+    strip-color "^0.1.0"
+
+markdown@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/markdown/-/markdown-0.5.0.tgz#28205b565a8ae7592de207463d6637dc182722b2"
+  integrity sha512-ctGPIcuqsYoJ493sCtFK7H4UEgMWAUdXeBhPbdsg1W0LsV9yJELAHRsMmWfTgao6nH0/x5gf9FmsbxiXnrgaIQ==
+  dependencies:
+    nopt "~2.1.1"
+
+marked@^4.0.19, marked@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/marked/-/marked-4.1.0.tgz#3fc6e7485f21c1ca5d6ec4a39de820e146954796"
+  integrity sha512-+Z6KDjSPa6/723PQYyc1axYZpYYpDnECDaU6hkaf5gqBieBkMKYReL5hteF2QizhlMbgbo8umXl/clZ67+GlsA==
+
+matcher-collection@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/matcher-collection/-/matcher-collection-2.0.1.tgz#90be1a4cf58d6f2949864f65bb3b0f3e41303b29"
+  integrity sha512-daE62nS2ZQsDg9raM0IlZzLmI2u+7ZapXBwdoeBUKAYERPDDIc0qNqA8E0Rp2D+gspKR7BgIFP52GeujaGXWeQ==
+  dependencies:
+    "@types/minimatch" "^3.0.3"
+    minimatch "^3.0.2"
 
 matcher@^3.0.0:
   version "3.0.0"
@@ -8811,6 +9413,11 @@ matcher@^3.0.0:
   dependencies:
     escape-string-regexp "^4.0.0"
 
+math-random@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.4.tgz#5dd6943c938548267016d4e34f057583080c514c"
+  integrity sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==
+
 md5-file@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/md5-file/-/md5-file-5.0.0.tgz#e519f631feca9c39e7f9ea1780b63c4745012e20"
@@ -8957,7 +9564,7 @@ minimatch@3.0.4:
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.1.2:
+minimatch@^3.0.2, minimatch@^3.0.3, minimatch@^3.0.4, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
@@ -8976,6 +9583,45 @@ minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.5, minimist@^1.2.6:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.6.tgz#8637a5b759ea0d6e98702cfb3a9283323c93af44"
   integrity sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==
 
+minipass-collect@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/minipass-collect/-/minipass-collect-1.0.2.tgz#22b813bf745dc6edba2576b940022ad6edc8c617"
+  integrity sha512-6T6lH0H8OG9kITm/Jm6tdooIbogG9e0tLgpY6mphXSm/A9u8Nq1ryBG+Qspiub9LjWlBPsPS3tWQ/Botq4FdxA==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-fetch@^1.3.2:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/minipass-fetch/-/minipass-fetch-1.4.1.tgz#d75e0091daac1b0ffd7e9d41629faff7d0c1f1b6"
+  integrity sha512-CGH1eblLq26Y15+Azk7ey4xh0J/XfJfrCox5LDJiKqI2Q2iwOLOKrlmIaODiSQS8d18jalF6y2K2ePUm0CmShw==
+  dependencies:
+    minipass "^3.1.0"
+    minipass-sized "^1.0.3"
+    minizlib "^2.0.0"
+  optionalDependencies:
+    encoding "^0.1.12"
+
+minipass-flush@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/minipass-flush/-/minipass-flush-1.0.5.tgz#82e7135d7e89a50ffe64610a787953c4c4cbb373"
+  integrity sha512-JmQSYYpPUqX5Jyn1mXaRwOda1uQ8HP5KAT/oDSLCzt1BYRhQU0/hDtsB1ufZfEEzMZ9aAVmsBw8+FWsIXlClWw==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-pipeline@^1.2.2, minipass-pipeline@^1.2.4:
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz#68472f79711c084657c067c5c6ad93cddea8214c"
+  integrity sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==
+  dependencies:
+    minipass "^3.0.0"
+
+minipass-sized@^1.0.3:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/minipass-sized/-/minipass-sized-1.0.3.tgz#70ee5a7c5052070afacfbc22977ea79def353b70"
+  integrity sha512-MbkQQ2CTiBMlA2Dm/5cY+9SWFEN8pzzOXi6rlM5Xxq0Yqbda5ZQy9sU75a673FE9ZK0Zsbr6Y5iP6u9nktfg2g==
+  dependencies:
+    minipass "^3.0.0"
+
 minipass@^2.3.5, minipass@^2.6.0, minipass@^2.9.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/minipass/-/minipass-2.9.0.tgz#e713762e7d3e32fed803115cf93e04bca9fcc9a6"
@@ -8991,6 +9637,13 @@ minipass@^3.0.0:
   dependencies:
     yallist "^4.0.0"
 
+minipass@^3.1.0, minipass@^3.1.1, minipass@^3.1.3:
+  version "3.3.4"
+  resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.4.tgz#ca99f95dd77c43c7a76bf51e6d200025eee0ffae"
+  integrity sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw==
+  dependencies:
+    yallist "^4.0.0"
+
 minizlib@^1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-1.3.3.tgz#2290de96818a34c29551c8a8d301216bd65a861d"
@@ -8998,7 +9651,7 @@ minizlib@^1.3.3:
   dependencies:
     minipass "^2.9.0"
 
-minizlib@^2.1.1:
+minizlib@^2.0.0, minizlib@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931"
   integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==
@@ -9022,6 +9675,14 @@ mississippi@^3.0.0:
     stream-each "^1.1.0"
     through2 "^2.0.0"
 
+mixin-deep@^1.1.3:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
+  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
+  dependencies:
+    for-in "^1.0.2"
+    is-extendable "^1.0.1"
+
 mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   version "0.5.3"
   resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113"
@@ -9034,7 +9695,7 @@ mkdirp@^0.5.1, mkdirp@^0.5.4, mkdirp@^0.5.5, mkdirp@~0.5.0:
   dependencies:
     minimist "^1.2.6"
 
-mkdirp@^1.0.3, mkdirp@~1.0.4:
+mkdirp@^1.0.3, mkdirp@^1.0.4, mkdirp@~1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
@@ -9053,10 +9714,10 @@ mobx-react-lite@^3.4.0:
   resolved "https://registry.yarnpkg.com/mobx-react-lite/-/mobx-react-lite-3.4.0.tgz#d59156a96889cdadad751e5e4dab95f28926dfff"
   integrity sha512-bRuZp3C0itgLKHu/VNxi66DN/XVkQG7xtoBVWxpvC5FhAqbOCP21+nPhULjnzEqd7xBMybp6KwytdUpZKEgpIQ==
 
-mobx-react@^7.5.0:
-  version "7.5.0"
-  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-7.5.0.tgz#8da71f8d3c96409cf178112503ec50467e5cea70"
-  integrity sha512-riHu0XZJA6f64L1iXZoAaDjVt6suYoy8I2HIfuz2tX3O4FFaAe4lVA2CoObttmUQTTFPM7j3Df6T4re0cHkghQ==
+mobx-react@^7.5.2:
+  version "7.5.2"
+  resolved "https://registry.yarnpkg.com/mobx-react/-/mobx-react-7.5.2.tgz#362d6dc7271698caf3b56229c3c68fb0b30e682e"
+  integrity sha512-NP44ONwSqTy+3KlD7y9k7xbsuGD+8mgUj3IeI65SbxF1IOB42/j9TbosgUEDn//CCuU6OmQ7k9oiu9eSpRBHnw==
   dependencies:
     mobx-react-lite "^3.4.0"
 
@@ -9065,15 +9726,15 @@ mobx-utils@^6.0.4:
   resolved "https://registry.yarnpkg.com/mobx-utils/-/mobx-utils-6.0.5.tgz#0cce9afb07fbba1fb559f959f8cea1f44baa7252"
   integrity sha512-QOduwicYedD4mwYZRl8+c3BalljFDcubg+PUGqBkn8tOuBoj2q7GhjXBP6JXM9J+Zh+2mePK8IoToeLfqr3Z/w==
 
-mobx@^6.3.0, mobx@^6.6.0:
-  version "6.6.0"
-  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.6.0.tgz#617ca1f3b745a781fa89c5eb94a773e3cbeff8ae"
-  integrity sha512-MNTKevLH/6DShLZcmSL351+JgiJPO56A4GUpoiDQ3/yZ0mAtclNLdHK9q4BcQhibx8/JSDupfTpbX2NZPemlRg==
+mobx@^6.3.0, mobx@^6.6.1:
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/mobx/-/mobx-6.6.1.tgz#70ee6aa82f25aeb7e7d522bd621207434e509318"
+  integrity sha512-7su3UZv5JF+ohLr2opabjbUAERfXstMY+wiBtey8yNAPoB8H187RaQXuhFjNkH8aE4iHbDWnhDFZw0+5ic4nGQ==
 
-mock-fs@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/mock-fs/-/mock-fs-5.1.2.tgz#6fa486e06d00f8793a8d2228de980eff93ce6db7"
-  integrity sha512-YkjQkdLulFrz0vD4BfNQdQRVmgycXTV7ykuHMlyv+C8WCHazpkiQRDthwa02kSyo8wKnY9wRptHfQLgmf0eR+A==
+mock-fs@^5.1.4:
+  version "5.1.4"
+  resolved "https://registry.yarnpkg.com/mock-fs/-/mock-fs-5.1.4.tgz#d64dc37b2793613ca7148b510b1167b5b8afb6b8"
+  integrity sha512-sudhLjCjX37qWIcAlIv1OnAxB2wI4EmXByVuUjILh1rKGNGpGU8GNnzw+EAbrhdpBe0TL/KONbK1y3RXZk8SxQ==
 
 mock-http@^1.1.0:
   version "1.1.0"
@@ -9082,17 +9743,17 @@ mock-http@^1.1.0:
   dependencies:
     mergee "^1.0.0"
 
-moment-timezone@^0.5.34:
-  version "0.5.34"
-  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.34.tgz#a75938f7476b88f155d3504a9343f7519d9a405c"
-  integrity sha512-3zAEHh2hKUs3EXLESx/wsgw6IQdusOT8Bxm3D9UrHPQR7zlMmzwybC8zHEM1tQ4LJwP7fcxrWr8tuBg05fFCbg==
+moment-timezone@^0.5.37:
+  version "0.5.37"
+  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.37.tgz#adf97f719c4e458fdb12e2b4e87b8bec9f4eef1e"
+  integrity sha512-uEDzDNFhfaywRl+vwXxffjjq1q0Vzr+fcQpQ1bU0kbzorfS7zVtZnCnGc8mhWmF39d4g4YriF6kwA75mJKE/Zg==
   dependencies:
     moment ">= 2.9.0"
 
-"moment@>= 2.9.0", moment@^2.10.2, moment@^2.14.1, moment@^2.29.1, moment@^2.29.3:
-  version "2.29.3"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.3.tgz#edd47411c322413999f7a5940d526de183c031f3"
-  integrity sha512-c6YRvhEo//6T2Jz/vVtYzqBzwvPT95JBQ+smCytzf7c50oMZRsR/a4w88aD34I+/QVSfnoAnSBFPJHItlOMJVw==
+"moment@>= 2.9.0", moment@^2.10.2, moment@^2.14.1, moment@^2.24.0, moment@^2.29.1, moment@^2.29.4:
+  version "2.29.4"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
+  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
 
 monaco-editor-webpack-plugin@^5.0.0:
   version "5.0.0"
@@ -9148,7 +9809,7 @@ multicast-dns@^7.2.4:
     dns-packet "^5.2.2"
     thunky "^1.0.2"
 
-mute-stream@~0.0.4:
+mute-stream@0.0.8, mute-stream@~0.0.4:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
@@ -9182,7 +9843,12 @@ needle@^2.5.2:
     iconv-lite "^0.4.4"
     sax "^1.2.4"
 
-negotiator@0.6.3:
+negotiator@0.6.2:
+  version "0.6.2"
+  resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
+  integrity sha512-hZXc7K2e+PgeI1eDBe/10Ard4ekbfrrqG8Ep+8Jmf4JID2bNg7NvCPOZN+kfF574pFQI7mum2AUqDidoKqcTOw==
+
+negotiator@0.6.3, negotiator@^0.6.2:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
@@ -9231,19 +9897,13 @@ node-fetch-npm@^2.0.2:
     json-parse-better-errors "^1.0.0"
     safe-buffer "^5.1.1"
 
-node-fetch@2.6.7:
+node-fetch@2.6.7, node-fetch@^2.6.7:
   version "2.6.7"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad"
   integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==
   dependencies:
     whatwg-url "^5.0.0"
 
-node-fetch@lensapp/node-fetch#2.x:
-  version "2.6.6"
-  resolved "https://codeload.github.com/lensapp/node-fetch/tar.gz/c869d40ba7dd3bce392c34e36118c225b6ada8fb"
-  dependencies:
-    whatwg-url "^5.0.0"
-
 node-forge@^0.10.0:
   version "0.10.0"
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.10.0.tgz#32dea2afb3e9926f02ee5ce8794902691a676bf3"
@@ -9254,22 +9914,6 @@ node-forge@^1, node-forge@^1.2.1:
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3"
   integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==
 
-node-gyp@7.1.2:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae"
-  integrity sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==
-  dependencies:
-    env-paths "^2.2.0"
-    glob "^7.1.4"
-    graceful-fs "^4.2.3"
-    nopt "^5.0.0"
-    npmlog "^4.1.2"
-    request "^2.88.2"
-    rimraf "^3.0.2"
-    semver "^7.3.2"
-    tar "^6.0.2"
-    which "^2.0.2"
-
 node-gyp@^5.0.2, node-gyp@^5.1.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-5.1.1.tgz#eb915f7b631c937d282e33aed44cb7a025f62a3e"
@@ -9287,6 +9931,22 @@ node-gyp@^5.0.2, node-gyp@^5.1.0:
     tar "^4.4.12"
     which "^1.3.1"
 
+node-gyp@^8.3.0:
+  version "8.4.1"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-8.4.1.tgz#3d49308fc31f768180957d6b5746845fbd429937"
+  integrity sha512-olTJRgUtAb/hOXG0E93wZDs5YiJlgbXxTwQAFHyNlRsXQnYzUaF2aGgujZbw+hR8aF4ZG/rST57bWMWD16jr9w==
+  dependencies:
+    env-paths "^2.2.0"
+    glob "^7.1.4"
+    graceful-fs "^4.2.6"
+    make-fetch-happen "^9.1.0"
+    nopt "^5.0.0"
+    npmlog "^6.0.0"
+    rimraf "^3.0.2"
+    semver "^7.3.5"
+    tar "^6.1.2"
+    which "^2.0.2"
+
 node-int64@^0.4.0:
   version "0.4.0"
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
@@ -9299,10 +9959,10 @@ node-loader@^2.0.0:
   dependencies:
     loader-utils "^2.0.0"
 
-node-pty@^0.11.0-beta19:
-  version "0.11.0-beta9"
-  resolved "https://registry.yarnpkg.com/node-pty/-/node-pty-0.11.0-beta9.tgz#38a899d62b1c5c395ca466dfac5203eff989d350"
-  integrity sha512-bU/2zYV6xBMVMHaMe+yr4WEw36PCA0hyZ7A0IBQFWy5l1vjsD52sZ9sGJk+dH7bw3xpuBLHMh9Eq4Di8rJz4IQ==
+node-pty@0.10.1:
+  version "0.10.1"
+  resolved "https://registry.yarnpkg.com/node-pty/-/node-pty-0.10.1.tgz#cd05d03a2710315ec40221232ec04186f6ac2c6d"
+  integrity sha512-JTdtUS0Im/yRsWJSx7yiW9rtpfmxqxolrtnyKwPLI+6XqTAPW/O2MjS8FYL4I5TsMbH2lVgDb2VMjp+9LoQGNg==
   dependencies:
     nan "^2.14.0"
 
@@ -9311,10 +9971,10 @@ node-releases@^2.0.3:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.4.tgz#f38252370c43854dc48aa431c766c6c398f40476"
   integrity sha512-gbMzqQtTtDz/00jQzZ21PQzdI9PyLYqUSvD0p3naOhX4odFji0ZxYdnVwPTxmSwkmxhcFImpozceidSG+AgoPQ==
 
-nodemon@^2.0.16:
-  version "2.0.16"
-  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.16.tgz#d71b31bfdb226c25de34afea53486c8ef225fdef"
-  integrity sha512-zsrcaOfTWRuUzBn3P44RDliLlp263Z/76FPoHFr3cFFkOz0lTPAcIw8dCzfdVIx/t3AtDYCZRCDkoCojJqaG3w==
+nodemon@^2.0.19:
+  version "2.0.19"
+  resolved "https://registry.yarnpkg.com/nodemon/-/nodemon-2.0.19.tgz#cac175f74b9cb8b57e770d47841995eebe4488bd"
+  integrity sha512-4pv1f2bMDj0Eeg/MhGqxrtveeQ5/G/UVe9iO6uTZzjnRluSA4PVWf8CW99LUPwGB3eNIA7zUFoP77YuI7hOc0A==
   dependencies:
     chokidar "^3.5.2"
     debug "^3.2.7"
@@ -9322,10 +9982,10 @@ nodemon@^2.0.16:
     minimatch "^3.0.4"
     pstree.remy "^1.1.8"
     semver "^5.7.1"
+    simple-update-notifier "^1.0.7"
     supports-color "^5.5.0"
     touch "^3.1.0"
     undefsafe "^2.0.5"
-    update-notifier "^5.1.0"
 
 nopt@^4.0.1, nopt@^4.0.3:
   version "4.0.3"
@@ -9349,6 +10009,13 @@ nopt@~1.0.10:
   dependencies:
     abbrev "1"
 
+nopt@~2.1.1:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-2.1.2.tgz#6cccd977b80132a07731d6e8ce58c2c8303cf9af"
+  integrity sha512-x8vXm7BZ2jE1Txrxh/hO74HTuYZQEbo8edoRcANgdZ4+PCV+pbjd/xdummkmjjC7LU5EjPzlu8zEq/oxWylnKA==
+  dependencies:
+    abbrev "1"
+
 normalize-package-data@^2.0.0, normalize-package-data@^2.3.2, normalize-package-data@^2.4.0, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
@@ -9623,7 +10290,7 @@ npm@^6.14.17:
     worker-farm "^1.7.0"
     write-file-atomic "^2.4.3"
 
-npmlog@^4.0.1, npmlog@^4.1.2, npmlog@~4.1.2:
+npmlog@^4.1.2, npmlog@~4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
   integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
@@ -9633,6 +10300,16 @@ npmlog@^4.0.1, npmlog@^4.1.2, npmlog@~4.1.2:
     gauge "~2.7.3"
     set-blocking "~2.0.0"
 
+npmlog@^6.0.0:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-6.0.2.tgz#c8166017a42f2dea92d6453168dd865186a70830"
+  integrity sha512-/vBvz5Jfr9dT/aFWd0FIRf+T/Q2WBsLENygUaFUqstqsycmZAP/t5BvFJTK0viFmSUxiUKTUplWy5vt+rvKIxg==
+  dependencies:
+    are-we-there-yet "^3.0.0"
+    console-control-strings "^1.1.0"
+    gauge "^4.0.3"
+    set-blocking "^2.0.0"
+
 nth-check@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2"
@@ -9725,6 +10402,13 @@ object.hasown@^1.1.1:
     define-properties "^1.1.4"
     es-abstract "^1.19.5"
 
+object.pick@^1.2.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
+  integrity sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==
+  dependencies:
+    isobject "^3.0.1"
+
 object.values@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.5.tgz#959f63e3ce9ef108720333082131e4a459b716ac"
@@ -9777,6 +10461,14 @@ onetime@^5.1.0, onetime@^5.1.2:
   dependencies:
     mimic-fn "^2.1.0"
 
+open-in-editor@^2.2.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/open-in-editor/-/open-in-editor-2.2.0.tgz#c5b21aa76f6acd4cbbd3c3b2e77dccb4b75a2020"
+  integrity sha512-ZQJDm2lmIgR2GkuwzjrlkVmT2KpDVp0Nnnb3LtYLe3Xi3cQhDa1vnh4IIlrT35a46OLZ8nlKJNOsx2B85FOS+Q==
+  dependencies:
+    clap "^1.1.3"
+    os-homedir "~1.0.2"
+
 open@^8.0.9:
   version "8.4.0"
   resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
@@ -9791,16 +10483,13 @@ opener@^1.5.2:
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
-openid-client@^4.1.1:
-  version "4.9.1"
-  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-4.9.1.tgz#4f00a9d1566c0fa08f0dd5986cf0e6b1e5d14186"
-  integrity sha512-DYUF07AHjI3QDKqKbn2F7RqozT4hyi4JvmpodLrq0HHoNP7t/AjeG/uqiBK1/N2PZSAQEThVjDLHSmJN4iqu/w==
+openid-client@^5.1.6:
+  version "5.1.8"
+  resolved "https://registry.yarnpkg.com/openid-client/-/openid-client-5.1.8.tgz#3a24910288b32c32f548fb6e391f44178ce6370f"
+  integrity sha512-EPxJY6bT7YIYQEXSGxRC5flQ3GUhLy98ufdto6+BVBrFGPmwjUpy4xBcYuU/Wt9nPkO/3EgljBrr6Ezx4lp1RQ==
   dependencies:
-    aggregate-error "^3.1.0"
-    got "^11.8.0"
-    jose "^2.0.5"
+    jose "^4.1.4"
     lru-cache "^6.0.0"
-    make-error "^1.3.6"
     object-hash "^2.0.1"
     oidc-token-hash "^5.0.1"
 
@@ -9828,7 +10517,7 @@ optionator@^0.9.1:
     type-check "^0.4.0"
     word-wrap "^1.2.3"
 
-os-homedir@^1.0.0:
+os-homedir@^1.0.0, os-homedir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
@@ -9842,7 +10531,7 @@ os-locale@^2.0.0:
     lcid "^1.0.0"
     mem "^1.1.0"
 
-os-tmpdir@^1.0.0:
+os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
@@ -10201,17 +10890,17 @@ pkg-up@^3.1.0:
   dependencies:
     find-up "^3.0.0"
 
-playwright-core@1.22.2:
-  version "1.22.2"
-  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.22.2.tgz#ed2963d79d71c2a18d5a6fd25b60b9f0a344661a"
-  integrity sha512-w/hc/Ld0RM4pmsNeE6aL/fPNWw8BWit2tg+TfqJ3+p59c6s3B6C8mXvXrIPmfQEobkcFDc+4KirNzOQ+uBSP1Q==
+playwright-core@1.25.1:
+  version "1.25.1"
+  resolved "https://registry.yarnpkg.com/playwright-core/-/playwright-core-1.25.1.tgz#abe56aec8bef645fba988320d9f9328fafab0446"
+  integrity sha512-lSvPCmA2n7LawD2Hw7gSCLScZ+vYRkhU8xH0AapMyzwN+ojoDqhkH/KIEUxwNu2PjPoE/fcE0wLAksdOhJ2O5g==
 
-playwright@^1.22.2:
-  version "1.22.2"
-  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.22.2.tgz#353a7c29f89ca9600edc7a9a30aed790823c797d"
-  integrity sha512-hUTpg7LytIl3/O4t0AQJS1V6hWsaSY5uZ7w1oCC8r3a1AQN5d6otIdCkiB3cbzgQkcMaRxisinjMFMVqZkybdQ==
+playwright@^1.25.1:
+  version "1.25.1"
+  resolved "https://registry.yarnpkg.com/playwright/-/playwright-1.25.1.tgz#23fe129ca05568a72ee2a3842baa0a1985d1b345"
+  integrity sha512-kOlW7mllnQ70ALTwAor73q/FhdH9EEXLUqjdzqioYLcSVC4n4NBfDqeCikGuayFZrLECLkU6Hcbziy/szqTXSA==
   dependencies:
-    playwright-core "1.22.2"
+    playwright-core "1.25.1"
 
 plist@^3.0.1, plist@^3.0.4:
   version "3.0.5"
@@ -10348,19 +11037,19 @@ postcss@^6.0.14, postcss@^6.0.2:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-postcss@^8.3.0, postcss@^8.4.14, postcss@^8.4.7:
-  version "8.4.14"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
-  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
+postcss@^8.3.0, postcss@^8.4.14, postcss@^8.4.16, postcss@^8.4.7:
+  version "8.4.16"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
+  integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
   dependencies:
     nanoid "^3.3.4"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-prebuild-install@^7.1.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-7.1.0.tgz#991b6ac16c81591ba40a6d5de93fb33673ac1370"
-  integrity sha512-CNcMgI1xBypOyGqjp3wOc8AAo1nMhZS3Cwd3iHIxOdAUbb+YxdNuM4Z5iIrZ8RLvOsf3F3bl7b7xGq6DjQoNYA==
+prebuild-install@^7.1.1:
+  version "7.1.1"
+  resolved "https://registry.yarnpkg.com/prebuild-install/-/prebuild-install-7.1.1.tgz#de97d5b34a70a0c81334fd24641f2a1702352e45"
+  integrity sha512-jAXscXWMcCK8GgCoHOfIr0ODh5ai8mj63L2nWrjuAgXE6tDyYGnx4/8o/rCgU+B4JSyZBKbeZqzhtwtC3ovxjw==
   dependencies:
     detect-libc "^2.0.0"
     expand-template "^2.0.3"
@@ -10369,7 +11058,6 @@ prebuild-install@^7.1.0:
     mkdirp-classic "^0.5.3"
     napi-build-utils "^1.0.1"
     node-abi "^3.3.0"
-    npmlog "^4.0.1"
     pump "^3.0.0"
     rc "^1.2.7"
     simple-get "^4.0.0"
@@ -10414,7 +11102,7 @@ pretty-format@^26.6.2:
     ansi-styles "^4.0.0"
     react-is "^17.0.1"
 
-pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
+pretty-format@^27.0.2:
   version "27.5.1"
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-27.5.1.tgz#2181879fdea51a7a5851fb39d920faa63f01d88e"
   integrity sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==
@@ -10423,12 +11111,12 @@ pretty-format@^27.0.0, pretty-format@^27.0.2, pretty-format@^27.5.1:
     ansi-styles "^5.0.0"
     react-is "^17.0.1"
 
-pretty-format@^28.1.1:
-  version "28.1.1"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.1.tgz#f731530394e0f7fcd95aba6b43c50e02d86b95cb"
-  integrity sha512-wwJbVTGFHeucr5Jw2bQ9P+VYHyLdAqedFLEkdQUVaBF/eiidDwH5OpilINq4mEfhbCjLnirt6HTTDhv1HaTIQw==
+pretty-format@^28.0.0, pretty-format@^28.1.3:
+  version "28.1.3"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-28.1.3.tgz#c9fba8cedf99ce50963a11b27d982a9ae90970d5"
+  integrity sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==
   dependencies:
-    "@jest/schemas" "^28.0.2"
+    "@jest/schemas" "^28.1.3"
     ansi-regex "^5.0.1"
     ansi-styles "^5.0.0"
     react-is "^18.0.0"
@@ -10461,6 +11149,14 @@ promise-retry@^1.1.1:
     err-code "^1.0.0"
     retry "^0.10.0"
 
+promise-retry@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/promise-retry/-/promise-retry-2.0.1.tgz#ff747a13620ab57ba688f5fc67855410c370da22"
+  integrity sha512-y+WKFlBR8BGXnsNlIHFGPZmyDf3DFMoLhaflAnyZgV6rG6xu+JwesTo2Q9R6XwYmtmwAFCkAk3e35jEdoeh/3g==
+  dependencies:
+    err-code "^2.0.2"
+    retry "^0.12.0"
+
 prompts@^2.0.1:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
@@ -10581,6 +11277,11 @@ pupa@^2.1.1:
   dependencies:
     escape-goat "^2.0.0"
 
+q@^1.0.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
+  integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
+
 qrcode-terminal@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/qrcode-terminal/-/qrcode-terminal-0.12.0.tgz#bb5b699ef7f9f0505092a3748be4464fe71b5819"
@@ -10633,6 +11334,15 @@ raf-schd@^4.0.2:
   resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.3.tgz#5d6c34ef46f8b2a0e880a8fcdb743efc5bfdbc1a"
   integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
 
+randomatic@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
+  integrity sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==
+  dependencies:
+    is-number "^4.0.0"
+    kind-of "^6.0.0"
+    math-random "^1.0.1"
+
 randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -10670,10 +11380,10 @@ rc@^1.0.1, rc@^1.1.6, rc@^1.2.7, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-beautiful-dnd@^13.1.0:
-  version "13.1.0"
-  resolved "https://registry.yarnpkg.com/react-beautiful-dnd/-/react-beautiful-dnd-13.1.0.tgz#ec97c81093593526454b0de69852ae433783844d"
-  integrity sha512-aGvblPZTJowOWUNiwd6tNfEpgkX5OxmpqxHKNW/4VmvZTNTbeiq7bA3bn5T+QSF2uibXB0D1DmJsb1aC/+3cUA==
+react-beautiful-dnd@^13.1.1:
+  version "13.1.1"
+  resolved "https://registry.yarnpkg.com/react-beautiful-dnd/-/react-beautiful-dnd-13.1.1.tgz#b0f3087a5840920abf8bb2325f1ffa46d8c4d0a2"
+  integrity sha512-0Lvs4tq2VcrEjEgDXHjT98r+63drkKEgqyxdA7qD3mvKwga6a5SscbdLPO2IExotU1jW8L0Ksdl0Cj2AF67nPQ==
   dependencies:
     "@babel/runtime" "^7.9.2"
     css-box-model "^1.2.0"
@@ -10727,15 +11437,15 @@ react-redux@^7.2.0:
     prop-types "^15.7.2"
     react-is "^17.0.2"
 
-react-refresh-typescript@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/react-refresh-typescript/-/react-refresh-typescript-2.0.5.tgz#8b0a3879be5cfb6e1f316e5315d605e587b20a98"
-  integrity sha512-TlcxF9VMBBS8dHvMD+3dklgArXeIhjbtT7R09ycsXvhPPYmv70J67kiGT8mxe6/tYzkql9aCHaZAY6QYdutLdw==
+react-refresh-typescript@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/react-refresh-typescript/-/react-refresh-typescript-2.0.7.tgz#ba91be2da4f1e86bba8629f1df0d4b9ff87b9970"
+  integrity sha512-KbuW57FauO11e6a9gU836sCm3M3z0b2+J2qPhUudg0QplOfz0eAF3gMeshcUC/ChfNLJCK1SZxvYmUtRxiZE5A==
 
-react-refresh@^0.13.0:
-  version "0.13.0"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.13.0.tgz#cbd01a4482a177a5da8d44c9755ebb1f26d5a1c1"
-  integrity sha512-XP8A9BT0CpRBD+NYLLeIhld/RqG9+gktUjW1FkE+Vm7OCinbG1SshcK5tb9ls4kzvjZr9mOQc7HYgBngEyPAXg==
+react-refresh@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.14.0.tgz#4e02825378a5f227079554d4284889354e5f553e"
+  integrity sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==
 
 react-router-dom@^5.3.3:
   version "5.3.3"
@@ -10766,17 +11476,17 @@ react-router@5.3.3, react-router@^5.2.0:
     tiny-invariant "^1.0.2"
     tiny-warning "^1.0.0"
 
-react-select-event@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/react-select-event/-/react-select-event-5.5.0.tgz#148067f75846f6bf07254c453083f2d3d59935f6"
-  integrity sha512-BwGjWL9wJxfug32mcIjj9arw9C8vBuW/pGijocFsS0NA8n6QSTmgvs27N1tVk7Pb5cJ1iFpQ5EcjqtO61sA02g==
+react-select-event@^5.5.1:
+  version "5.5.1"
+  resolved "https://registry.yarnpkg.com/react-select-event/-/react-select-event-5.5.1.tgz#d67e04a6a51428b1534b15ecb1b82afbe5edddcb"
+  integrity sha512-goAx28y0+iYrbqZA2FeRTreHHs/ZtSuKxtA+J5jpKT5RHPCbVZJ4MqACfPnWyFXsEec+3dP5bCrNTxIX8oYe9A==
   dependencies:
     "@testing-library/dom" ">=7"
 
-react-select@^5.3.2:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.3.2.tgz#ecee0d5c59ed4acb7f567f7de3c75a488d93dacb"
-  integrity sha512-W6Irh7U6Ha7p5uQQ2ZnemoCQ8mcfgOtHfw3wuMzG6FAu0P+CYicgofSLOq97BhjMx8jS+h+wwWdCBeVVZ9VqlQ==
+react-select@^5.4.0:
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/react-select/-/react-select-5.4.0.tgz#81f6ac73906126706f104751ee14437bd16798f4"
+  integrity sha512-CjE9RFLUvChd5SdlfG4vqxZd55AZJRrLrHzkQyTYeHlpOztqcgnyftYAolJ0SGsBev6zAs6qFrjm6KU3eo2hzg==
   dependencies:
     "@babel/runtime" "^7.12.0"
     "@emotion/cache" "^11.4.0"
@@ -11040,6 +11750,22 @@ relateurl@^0.2.7:
   resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
   integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
 
+remarkable@^1.7.1:
+  version "1.7.4"
+  resolved "https://registry.yarnpkg.com/remarkable/-/remarkable-1.7.4.tgz#19073cb960398c87a7d6546eaa5e50d2022fcd00"
+  integrity sha512-e6NKUXgX95whv7IgddywbeN/ItCkWbISmc2DiqHJb0wTrqZIexqdco5b8Z3XZoo/48IdNVKM9ZCvTPJ4F5uvhg==
+  dependencies:
+    argparse "^1.0.10"
+    autolinker "~0.28.0"
+
+remarkable@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/remarkable/-/remarkable-2.0.1.tgz#280ae6627384dfb13d98ee3995627ca550a12f31"
+  integrity sha512-YJyMcOH5lrR+kZdmB0aJJ4+93bEojRZ1HGDn9Eagu6ibg7aVZhc3OWbbShRid+Q5eAfsEqWxpe+g5W5nYNfNiA==
+  dependencies:
+    argparse "^1.0.10"
+    autolinker "^3.11.0"
+
 renderkid@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-3.0.0.tgz#5fd823e4d6951d37358ecc9a58b1f06836b6268a"
@@ -11051,6 +11777,16 @@ renderkid@^3.0.0:
     lodash "^4.17.21"
     strip-ansi "^6.0.1"
 
+repeat-element@^1.1.2:
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
+  integrity sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==
+
+repeat-string@^1.5.2, repeat-string@^1.6.1:
+  version "1.6.1"
+  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
+  integrity sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==
+
 request-promise-core@1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.4.tgz#3eedd4223208d419867b78ce815167d10593a22f"
@@ -11160,7 +11896,7 @@ resolve.exports@^1.1.0:
   resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-1.1.0.tgz#5ce842b94b05146c0e03076985d1d0e7e48c90c9"
   integrity sha512-J1l+Zxxp4XK3LUDZ9m60LRJF/mAe4z6a4xyabPHk7pvK5t35dACV32iIjJDFeWZFfZlO29w6SZ67knR0tHzJtQ==
 
-resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.9.0:
+resolve@^1.1.6, resolve@^1.1.7, resolve@^1.10.0, resolve@^1.12.0, resolve@^1.20.0, resolve@^1.22.0, resolve@^1.22.1, resolve@^1.9.0:
   version "1.22.1"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
   integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
@@ -11191,6 +11927,14 @@ responselike@^2.0.0:
   dependencies:
     lowercase-keys "^2.0.0"
 
+restore-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
+  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
+  dependencies:
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+
 retry@^0.10.0:
   version "0.10.1"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
@@ -11247,6 +11991,11 @@ roarr@^2.15.3:
     semver-compare "^1.0.0"
     sprintf-js "^1.1.2"
 
+run-async@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
+  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -11261,6 +12010,13 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
+rxjs@^6.6.0:
+  version "6.6.7"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
+  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
+  dependencies:
+    tslib "^1.9.0"
+
 rxjs@^7.0.0:
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.5.tgz#2ebad89af0f560f460ad5cc4213219e1f7dd4e9f"
@@ -11303,10 +12059,10 @@ sass-loader@^12.6.0:
     klona "^2.0.4"
     neo-async "^2.6.2"
 
-sass@^1.32.13, sass@^1.52.3:
-  version "1.52.3"
-  resolved "https://registry.yarnpkg.com/sass/-/sass-1.52.3.tgz#b7cc7ffea2341ccc9a0c4fd372bf1b3f9be1b6cb"
-  integrity sha512-LNNPJ9lafx+j1ArtA7GyEJm9eawXN8KlA1+5dF6IZyoONg1Tyo/g+muOsENWJH/2Q1FHbbV4UwliU0cXMa/VIA==
+sass@^1.32.13, sass@^1.54.8:
+  version "1.54.8"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.54.8.tgz#4adef0dd86ea2b1e4074f551eeda4fc5f812a996"
+  integrity sha512-ib4JhLRRgbg6QVy6bsv5uJxnJMTS2soVcCp9Y88Extyy13A8vV0G1fAwujOzmNkFQbR3LvedudAMbtuNRPbQww==
   dependencies:
     chokidar ">=3.0.0 <4.0.0"
     immutable "^4.0.0"
@@ -11408,6 +12164,11 @@ semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7:
   dependencies:
     lru-cache "^6.0.0"
 
+semver@~7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
+  integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
+
 send@0.18.0:
   version "0.18.0"
   resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
@@ -11469,6 +12230,13 @@ set-blocking@^2.0.0, set-blocking@~2.0.0:
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
 
+set-getter@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/set-getter/-/set-getter-0.1.1.tgz#a3110e1b461d31a9cfc8c5c9ee2e9737ad447102"
+  integrity sha512-9sVWOy+gthr+0G9DzqqLaYNA7+5OKkSmcqjL9cBpDEaZrr3ShQlyX2cZ/O/ozE41oxn/Tt0LGEM/w4Rub3A3gw==
+  dependencies:
+    to-object-path "^0.3.0"
+
 set-immediate-shim@~1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/set-immediate-shim/-/set-immediate-shim-1.0.1.tgz#4b2b1b27eb808a9f8dcc481a58e5e56f599f3f61"
@@ -11498,15 +12266,15 @@ shallow-clone@^3.0.0:
   dependencies:
     kind-of "^6.0.2"
 
-sharp@^0.30.6:
-  version "0.30.6"
-  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.30.6.tgz#02264e9826b5f1577509f70bb627716099778873"
-  integrity sha512-lSdVxFxcndzcXggDrak6ozdGJgmIgES9YVZWtAFrwi+a/H5vModaf51TghBtMPw+71sLxUsTy2j+aB7qLIODQg==
+sharp@^0.30.4, sharp@^0.30.7:
+  version "0.30.7"
+  resolved "https://registry.yarnpkg.com/sharp/-/sharp-0.30.7.tgz#7862bda98804fdd1f0d5659c85e3324b90d94c7c"
+  integrity sha512-G+MY2YW33jgflKPTXXptVO28HvNOo9G3j0MybYAHeEmby+QuD2U98dT6ueht9cv/XDqZspSpIhoSW+BAKJ7Hig==
   dependencies:
     color "^4.2.3"
     detect-libc "^2.0.1"
     node-addon-api "^5.0.0"
-    prebuild-install "^7.1.0"
+    prebuild-install "^7.1.1"
     semver "^7.3.7"
     simple-get "^4.0.1"
     tar-fs "^2.1.1"
@@ -11559,14 +12327,14 @@ shelljs@^0.8.5:
     interpret "^1.0.0"
     rechoir "^0.6.2"
 
-shiki@^0.10.1:
-  version "0.10.1"
-  resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.10.1.tgz#6f9a16205a823b56c072d0f1a0bcd0f2646bef14"
-  integrity sha512-VsY7QJVzU51j5o1+DguUd+6vmCmZ5v/6gYu4vyYAhzjuNQU6P/vmSy4uQaOhvje031qQMiW0d2BwgMH52vqMng==
+shiki@^0.11.1:
+  version "0.11.1"
+  resolved "https://registry.yarnpkg.com/shiki/-/shiki-0.11.1.tgz#df0f719e7ab592c484d8b73ec10e215a503ab8cc"
+  integrity sha512-EugY9VASFuDqOexOgXR18ZV+TbFrQHeCpEYaXamO+SZlsnT/2LxuLBX25GGtIrwaEVFXUAbUQ601SWE2rMwWHA==
   dependencies:
     jsonc-parser "^3.0.0"
     vscode-oniguruma "^1.6.1"
-    vscode-textmate "5.2.0"
+    vscode-textmate "^6.0.0"
 
 side-channel@^1.0.4:
   version "1.0.4"
@@ -11603,16 +12371,32 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+simple-update-notifier@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/simple-update-notifier/-/simple-update-notifier-1.0.7.tgz#7edf75c5bdd04f88828d632f762b2bc32996a9cc"
+  integrity sha512-BBKgR84BJQJm6WjWFMHgLVuo61FBDSj1z/xSFUIozqO6wO7ii0JxCqlIud7Enr/+LhlbNI0whErq96P2qHNWew==
+  dependencies:
+    semver "~7.0.0"
+
 sisteransi@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
   integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
-slash@^3.0.0:
+slash@3.0.0, slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
   integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
 
+slice-ansi@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
+  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
+  dependencies:
+    ansi-styles "^3.2.0"
+    astral-regex "^1.0.0"
+    is-fullwidth-code-point "^2.0.0"
+
 slice-ansi@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-3.0.0.tgz#31ddc10930a1b7e0b67b08c96c2f49b77a789787"
@@ -11627,7 +12411,7 @@ slide@^1.1.6, slide@~1.1.3, slide@~1.1.6:
   resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
   integrity sha1-VusCfWW00tzmyy4tMsTUr8nh1wc=
 
-smart-buffer@^4.0.2, smart-buffer@^4.1.0:
+smart-buffer@^4.0.2, smart-buffer@^4.1.0, smart-buffer@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
   integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
@@ -11649,6 +12433,23 @@ socks-proxy-agent@^4.0.0:
     agent-base "~4.2.1"
     socks "~2.3.2"
 
+socks-proxy-agent@^6.0.0:
+  version "6.2.1"
+  resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz#2687a31f9d7185e38d530bef1944fe1f1496d6ce"
+  integrity sha512-a6KW9G+6B3nWZ1yB8G7pJwL3ggLy1uTzKAgCb7ttblwqdz9fMGJUuTy3uFzEP48FAs9FLILlmzDlE2JJhVQaXQ==
+  dependencies:
+    agent-base "^6.0.2"
+    debug "^4.3.3"
+    socks "^2.6.2"
+
+socks@^2.6.2:
+  version "2.7.0"
+  resolved "https://registry.yarnpkg.com/socks/-/socks-2.7.0.tgz#f9225acdb841e874dca25f870e9130990f3913d0"
+  integrity sha512-scnOe9y4VuiNUULJN72GrM26BNOjVsfPXI+j+98PkyEfsIXroa5ofyjT+FzGvn/xHs73U2JtoBYAVx9Hl4quSA==
+  dependencies:
+    ip "^2.0.0"
+    smart-buffer "^4.2.0"
+
 socks@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/socks/-/socks-2.3.3.tgz#01129f0a5d534d2b897712ed8aceab7ee65d78e3"
@@ -11691,14 +12492,6 @@ source-map-resolve@^0.5.2:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
-source-map-resolve@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
-  integrity sha512-KXBr9d/fO/bWo97NXsPIAW1bFSBOuCnjbNTBMO7N59hsv5i9yzRDfcYwwt0l04+VqnKC+EwzvJZIP/qkuMgR/w==
-  dependencies:
-    atob "^2.1.2"
-    decode-uri-component "^0.2.0"
-
 source-map-support@0.5.13:
   version "0.5.13"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
@@ -11735,13 +12528,6 @@ source-map@^0.7.3:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
   integrity sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==
 
-source-map@~0.8.0-beta.0:
-  version "0.8.0-beta.0"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.8.0-beta.0.tgz#d4c1bb42c3f7ee925f005927ba10709e0d1d1f11"
-  integrity sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==
-  dependencies:
-    whatwg-url "^7.0.0"
-
 spawn-command@^0.0.2-1:
   version "0.0.2-1"
   resolved "https://registry.yarnpkg.com/spawn-command/-/spawn-command-0.0.2-1.tgz#62f5e9466981c1b796dc5929937e11c9c6921bd0"
@@ -11840,6 +12626,13 @@ ssri@^6.0.0, ssri@^6.0.1, ssri@^6.0.2:
   dependencies:
     figgy-pudding "^3.5.1"
 
+ssri@^8.0.0, ssri@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af"
+  integrity sha512-97qShzy1AiyxvPNIkLWoGua7xoQzzPjQ0HAH4B0rWKo7SZ6USuPcrUiAFrws0UH8RrbWmgq3LMTObhPIHbbBeQ==
+  dependencies:
+    minipass "^3.1.1"
+
 stack-trace@0.0.x:
   version "0.0.10"
   resolved "https://registry.yarnpkg.com/stack-trace/-/stack-trace-0.0.10.tgz#547c70b347e8d32b4e108ea1a2a159e5fdde19c0"
@@ -12052,6 +12845,11 @@ strip-bom@^4.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
   integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
 
+strip-color@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/strip-color/-/strip-color-0.1.0.tgz#106f65d3d3e6a2d9401cac0eb0ce8b8a702b4f7b"
+  integrity sha512-p9LsUieSjWNNAxVCXLeilaDlmuUOrDS5/dF9znM1nZc7EGX5+zEFC0bEevsNIaldjlks+2jns5Siz6F9iK6jwA==
+
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
@@ -12110,6 +12908,11 @@ sumchecker@^3.0.1:
   dependencies:
     debug "^4.1.0"
 
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==
+
 supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -12149,10 +12952,20 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-tailwindcss@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.3.tgz#b9ef2c1ae537c339679e8e89635af8e143d1c7eb"
-  integrity sha512-PRJNYdSIthrb8hjmAyymEyEN8Yo61TMXpzyFUpxULeeyRn3Y3gpvuw6FlRTKrJvK7thSGKRnhT36VovVx4WeMA==
+table@^5.4.1:
+  version "5.4.6"
+  resolved "https://registry.yarnpkg.com/table/-/table-5.4.6.tgz#1292d19500ce3f86053b05f0e8e7e4a3bb21079e"
+  integrity sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==
+  dependencies:
+    ajv "^6.10.2"
+    lodash "^4.17.14"
+    slice-ansi "^2.1.0"
+    string-width "^3.0.0"
+
+tailwindcss@^3.1.8:
+  version "3.1.8"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.1.8.tgz#4f8520550d67a835d32f2f4021580f9fddb7b741"
+  integrity sha512-YSneUCZSFDYMwk+TGq8qYFdCA3yfBRdBlS7txSq0LUmzyeqRe3a8fBQzbz9M3WS/iFT4BNf/nmw9mEzrnSaC0g==
   dependencies:
     arg "^5.0.2"
     chokidar "^3.5.3"
@@ -12163,7 +12976,7 @@ tailwindcss@^3.1.3:
     fast-glob "^3.2.11"
     glob-parent "^6.0.2"
     is-glob "^4.0.3"
-    lilconfig "^2.0.5"
+    lilconfig "^2.0.6"
     normalize-path "^3.0.0"
     object-hash "^3.0.0"
     picocolors "^1.0.0"
@@ -12175,7 +12988,7 @@ tailwindcss@^3.1.3:
     postcss-selector-parser "^6.0.10"
     postcss-value-parser "^4.2.0"
     quick-lru "^5.1.1"
-    resolve "^1.22.0"
+    resolve "^1.22.1"
 
 tapable@^1.0.0:
   version "1.1.3"
@@ -12221,7 +13034,7 @@ tar@^4.4.10, tar@^4.4.12, tar@^4.4.19:
     safe-buffer "^5.2.1"
     yallist "^3.1.1"
 
-tar@^6.0.2, tar@^6.1.11:
+tar@^6.0.2, tar@^6.1.11, tar@^6.1.2:
   version "6.1.11"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.11.tgz#6760a38f003afa1b2ffd0ffe9e9abbd0eab3d621"
   integrity sha512-an/KZQzQUkZCkuoAA64hM92X0Urb6VpRhAFllDzz44U2mcD5scmT3zBc4VgVpkugF580+DQn8eAFSyoQt0tznA==
@@ -12302,13 +13115,13 @@ terser-webpack-plugin@^5.1.3:
     terser "^5.7.2"
 
 terser@^5.10.0, terser@^5.7.2:
-  version "5.13.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.13.1.tgz#66332cdc5a01b04a224c9fad449fc1a18eaa1799"
-  integrity sha512-hn4WKOfwnwbYfe48NgrQjqNOH9jzLqRcIfbYytOXCOv46LBfWr9bDS17MQqOi+BWGD0sJK3Sj5NC/gJjiojaoA==
+  version "5.14.2"
+  resolved "https://registry.yarnpkg.com/terser/-/terser-5.14.2.tgz#9ac9f22b06994d736174f4091aa368db896f1c10"
+  integrity sha512-oL0rGeM/WFQCUd0y2QrWxYnq7tfSuKBiqTjRPWrRgB46WD/kiwHwF8T23z78H6Q6kGCuuHcPB+KULHRdxvVGQA==
   dependencies:
+    "@jridgewell/source-map" "^0.3.2"
     acorn "^8.5.0"
     commander "^2.20.0"
-    source-map "~0.8.0-beta.0"
     source-map-support "~0.5.20"
 
 test-exclude@^6.0.0:
@@ -12330,11 +13143,6 @@ text-table@^0.2.0, text-table@~0.2.0:
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=
 
-throat@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-6.0.1.tgz#d514fedad95740c12c2d7fc70ea863eb51ade375"
-  integrity sha512-8hmiGIJMDlwjg7dlJ4yKGLK8EsYqKgPWbG3b4wjJddKNwc7N7Dpn08Df4szr/sZdMVeOstrdYSsqzX6BYbcB+w==
-
 through2@^2.0.0, through2@^2.0.3:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -12343,7 +13151,7 @@ through2@^2.0.0, through2@^2.0.3:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-through@2, "through@>=2.2.7 <3":
+through@2, "through@>=2.2.7 <3", through@^2.3.6:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
@@ -12380,6 +13188,13 @@ tmp-promise@^3.0.2:
   dependencies:
     tmp "^0.2.0"
 
+tmp@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
+  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
+  dependencies:
+    os-tmpdir "~1.0.2"
+
 tmp@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.2.1.tgz#8457fc3037dcf4719c251367a1af6500ee1ccf14"
@@ -12397,6 +13212,13 @@ to-fast-properties@^2.0.0:
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
   integrity sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=
 
+to-object-path@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
+  integrity sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==
+  dependencies:
+    kind-of "^3.0.2"
+
 to-readable-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/to-readable-stream/-/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771"
@@ -12414,6 +13236,11 @@ toidentifier@1.0.1:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
   integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
 
+toml@^2.3.2:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/toml/-/toml-2.3.6.tgz#25b0866483a9722474895559088b436fd11f861b"
+  integrity sha512-gVweAectJU3ebq//Ferr2JUY4WKSDe5N+z0FvjDncLGyHmIDoxgY/2Ie4qfEIDm4IS7OA6Rmdm7pdEEdMcV/xQ==
+
 touch@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/touch/-/touch-3.1.0.tgz#fe365f5f75ec9ed4e56825e0bb76d24ab74af83b"
@@ -12438,13 +13265,6 @@ tough-cookie@^4.0.0:
     punycode "^2.1.1"
     universalify "^0.1.2"
 
-tr46@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-1.0.1.tgz#a8b13fd6bfd2489519674ccde55ba3693b706d09"
-  integrity sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=
-  dependencies:
-    punycode "^2.1.0"
-
 tr46@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
@@ -12462,7 +13282,12 @@ tr46@^3.0.0:
 tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
-  integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
+traverse-chain@~0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/traverse-chain/-/traverse-chain-0.1.0.tgz#61dbc2d53b69ff6091a12a168fd7d433107e40f1"
+  integrity sha512-up6Yvai4PYKhpNp5PkYtx50m3KbwQrqDwbuZP/ItyL64YEWHAvH6Md83LFLV/GRSk/BoUVwwgUzX6SOQSbsfAg==
 
 tree-kill@^1.2.2:
   version "1.2.2"
@@ -12486,20 +13311,20 @@ ts-essentials@^7.0.3:
   resolved "https://registry.yarnpkg.com/ts-essentials/-/ts-essentials-7.0.3.tgz#686fd155a02133eedcc5362dc8b5056cde3e5a38"
   integrity sha512-8+gr5+lqO3G84KdiTSMRLtuyJ+nTBVRKuCrK4lidMPdVeEp0uqC875uE5NMcaA7YYMN7XsNiFQuMvasF8HT/xQ==
 
-ts-loader@^9.2.8:
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.3.0.tgz#980f4dbfb60e517179e15e10ed98e454b132159f"
-  integrity sha512-2kLLAdAD+FCKijvGKi9sS0OzoqxLCF3CxHpok7rVgCZ5UldRzH0TkbwG9XECKjBzHsAewntC5oDaI/FwKzEUog==
+ts-loader@^9.3.1:
+  version "9.3.1"
+  resolved "https://registry.yarnpkg.com/ts-loader/-/ts-loader-9.3.1.tgz#fe25cca56e3e71c1087fe48dc67f4df8c59b22d4"
+  integrity sha512-OkyShkcZTsTwyS3Kt7a4rsT/t2qvEVQuKCTg4LJmpj9fhFR7ukGdZwV6Qq3tRUkqcXtfGpPR7+hFKHCG/0d3Lw==
   dependencies:
     chalk "^4.1.0"
     enhanced-resolve "^5.0.0"
     micromatch "^4.0.0"
     semver "^7.3.4"
 
-ts-node@^10.8.1:
-  version "10.8.1"
-  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.8.1.tgz#ea2bd3459011b52699d7e88daa55a45a1af4f066"
-  integrity sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==
+ts-node@^10.9.1:
+  version "10.9.1"
+  resolved "https://registry.yarnpkg.com/ts-node/-/ts-node-10.9.1.tgz#e73de9102958af9e1f0b168a6ff320e25adcff4b"
+  integrity sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==
   dependencies:
     "@cspotcode/source-map-support" "^0.8.0"
     "@tsconfig/node10" "^1.0.7"
@@ -12525,12 +13350,12 @@ tsconfig-paths@^3.14.1, tsconfig-paths@^3.9.0:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1, tslib@^1.9.3:
+tslib@^1.8.1, tslib@^1.9.0, tslib@^1.9.3:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.0, tslib@^2.3.1:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
   integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
@@ -12603,10 +13428,10 @@ type-fest@^1.0.1:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1"
   integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==
 
-type-fest@^2.12.2, type-fest@^2.13.1:
-  version "2.13.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.13.1.tgz#621c84220df0e01a8469002594fc005714f0cfba"
-  integrity sha512-hXYyrPFwETT2swFLHeoKtJrvSF/ftG/sA15/8nGaLuaDGfVAaq8DYFpu4yOyV4tzp082WqnTEoMsm3flKMI2FQ==
+type-fest@^2.12.2, type-fest@^2.14.0:
+  version "2.14.0"
+  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.14.0.tgz#f990e19169517d689c98e16d128b231022b27e12"
+  integrity sha512-hQnTQkFjL5ik6HF2fTAM8ycbr94UbQXK364wF930VHb0dfBJ5JBP8qwrR8TaK9zwUEk7meruo2JAUDMwvuxd/w==
 
 type-is@~1.6.18:
   version "1.6.18"
@@ -12638,23 +13463,22 @@ typedarray@^0.0.6:
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
   integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=
 
-typedoc-plugin-markdown@^3.11.12:
-  version "3.12.1"
-  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-3.12.1.tgz#2a33ca0018bdd7ed512e29960d3eb344ecb65f4a"
-  integrity sha512-gMntJq7+JlGJZ5sVjrkzO/rG2dsmNBbWk5ZkcKvYu6QOeBwGcK5tzEyS0aqnFTJj9GCHCB+brAnTuKtAyotNwA==
+typedoc-plugin-markdown@^3.13.1:
+  version "3.13.1"
+  resolved "https://registry.yarnpkg.com/typedoc-plugin-markdown/-/typedoc-plugin-markdown-3.13.1.tgz#f4bca4bf8c5a48d8c7f1b44071e64028d223a1e0"
+  integrity sha512-Gx7pmvFNXAxbE9N2MuQNi5RwMVSH9lPxDBAaBNftaZ+ZzMO8YkDwir6aoXcWNq50qgG/eTs5CiKvLe33OVm2iQ==
   dependencies:
     handlebars "^4.7.7"
 
-typedoc@0.22.17:
-  version "0.22.17"
-  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.22.17.tgz#bc51cc95f569040112504300831cdac4f8089b7b"
-  integrity sha512-h6+uXHVVCPDaANzjwzdsj9aePBjZiBTpiMpBBeyh1zcN2odVsDCNajz8zyKnixF93HJeGpl34j/70yoEE5BfNg==
+typedoc@0.23.13:
+  version "0.23.13"
+  resolved "https://registry.yarnpkg.com/typedoc/-/typedoc-0.23.13.tgz#a522ed86eb326c918a05d4acad4e6d815cd1b1f8"
+  integrity sha512-47VgWyZ5Q8g5dtJxjIHvFqX7ZD+YQRLAFRhLjt6v9KW0//feHtLUrbukHkKcvQuua1xQtdvkQ17fCjmF7qLXlg==
   dependencies:
-    glob "^8.0.3"
     lunr "^2.3.9"
-    marked "^4.0.16"
+    marked "^4.0.19"
     minimatch "^5.1.0"
-    shiki "^0.10.1"
+    shiki "^0.11.1"
 
 typescript-plugin-css-modules@^3.4.0:
   version "3.4.0"
@@ -12675,10 +13499,10 @@ typescript-plugin-css-modules@^3.4.0:
     stylus "^0.54.8"
     tsconfig-paths "^3.9.0"
 
-typescript@^4.7.4:
-  version "4.7.4"
-  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
-  integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+typescript@^4.8.2:
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.8.2.tgz#e3b33d5ccfb5914e4eeab6699cf208adee3fd790"
+  integrity sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==
 
 typical@^4.0.0:
   version "4.0.0"
@@ -12715,10 +13539,10 @@ undefsafe@^2.0.5:
   resolved "https://registry.yarnpkg.com/undefsafe/-/undefsafe-2.0.5.tgz#38733b9327bdcd226db889fb723a6efd162e6e2c"
   integrity sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==
 
-underscore@1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.7.0.tgz#6bbaf0877500d36be34ecaa584e0db9fef035209"
-  integrity sha1-a7rwh3UA02vjTsqlhODbn+8DUgk=
+underscore@1.7.0, underscore@^1.12.1:
+  version "1.13.4"
+  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.13.4.tgz#7886b46bbdf07f768e0052f1828e1dcab40c0dee"
+  integrity sha512-BQFnUDuAQ4Yf/cYY5LNrK9NCJFKriaRbD9uR1fTeXnBeoa97W0i41qkZfGO9pSo8I5KzjAcSY2XYtdf0oKd7KQ==
 
 underscore@^1.9.1:
   version "1.13.3"
@@ -12918,17 +13742,12 @@ v8-compile-cache-lib@^3.0.1:
   resolved "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz#6336e8d71965cb3d35a1bbb7868445a7c05264bf"
   integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==
 
-v8-compile-cache@^2.0.3:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
-  integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
-
-v8-to-istanbul@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.0.tgz#be0dae58719fc53cb97e5c7ac1d7e6d4f5b19511"
-  integrity sha512-HcvgY/xaRm7isYmyx+lFKA4uQmfUbN0J4M0nNItvzTvH/iQ9kW5j/t4YSR+Ge323/lrgDAWJoF46tzGQHwBHFw==
+v8-to-istanbul@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4"
+  integrity sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==
   dependencies:
-    "@jridgewell/trace-mapping" "^0.3.7"
+    "@jridgewell/trace-mapping" "^0.3.12"
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^1.6.0"
 
@@ -12980,10 +13799,10 @@ vscode-oniguruma@^1.6.1:
   resolved "https://registry.yarnpkg.com/vscode-oniguruma/-/vscode-oniguruma-1.6.2.tgz#aeb9771a2f1dbfc9083c8a7fdd9cccaa3f386607"
   integrity sha512-KH8+KKov5eS/9WhofZR8M8dMHWN2gTxjMsG4jd04YhpbPR91fUj7rYQ2/XjeHCJWbg7X++ApRIU9NUwM2vTvLA==
 
-vscode-textmate@5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-5.2.0.tgz#01f01760a391e8222fe4f33fbccbd1ad71aed74e"
-  integrity sha512-Uw5ooOQxRASHgu6C7GVvUxisKXfSgW4oFlO+aa+PAkgmH89O3CXxEEzNRNtHSqtXFTl0nAC1uYj0GMSH27uwtQ==
+vscode-textmate@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/vscode-textmate/-/vscode-textmate-6.0.0.tgz#a3777197235036814ac9a92451492f2748589210"
+  integrity sha512-gu73tuZfJgu+mvCSy4UZwd2JXykjK9zAZsfmDeut5dx/1a7FeTk0XwJsSuqQn+cuMCGVbIBfl+s53X4T19DnzQ==
 
 w3c-hr-time@^1.0.2:
   version "1.0.2"
@@ -13006,6 +13825,23 @@ w3c-xmlserializer@^3.0.0:
   dependencies:
     xml-name-validator "^4.0.0"
 
+walk-sync@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/walk-sync/-/walk-sync-2.2.0.tgz#80786b0657fcc8c0e1c0b1a042a09eae2966387a"
+  integrity sha512-IC8sL7aB4/ZgFcGI2T1LczZeFWZ06b3zoHH7jBPyHxOtIIz1jppWHjjEXkOFvFojBVAK9pV7g47xOZ4LW3QLfg==
+  dependencies:
+    "@types/minimatch" "^3.0.3"
+    ensure-posix-path "^1.1.0"
+    matcher-collection "^2.0.0"
+    minimatch "^3.0.4"
+
+walk@^2.3.14:
+  version "2.3.15"
+  resolved "https://registry.yarnpkg.com/walk/-/walk-2.3.15.tgz#1b4611e959d656426bc521e2da5db3acecae2424"
+  integrity sha512-4eRTBZljBfIISK1Vnt69Gvr2w/wc3U6Vtrw7qiN5iqYJPH7LElcYh/iU4XWhdCy2dZqv1ToMyYlybDylfG/5Vg==
+  dependencies:
+    foreachasync "^3.0.0"
+
 walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
@@ -13013,10 +13849,10 @@ walker@^1.0.8:
   dependencies:
     makeerror "1.0.12"
 
-watchpack@^2.3.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.3.1.tgz#4200d9447b401156eeca7767ee610f8809bc9d25"
-  integrity sha512-x0t0JuydIo8qCNctdDrn1OzH/qDzk2+rdCOC3YzumZ42fiMqmQ7T3xQurykYMhYfHaPHTp4ZxAx2NfUo1K6QaA==
+watchpack@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
   dependencies:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
@@ -13038,12 +13874,7 @@ wcwidth@^1.0.0:
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
-  integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=
-
-webidl-conversions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
-  integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
 webidl-conversions@^5.0.0:
   version "5.0.0"
@@ -13089,10 +13920,10 @@ webpack-dev-middleware@^5.3.1:
     range-parser "^1.2.1"
     schema-utils "^4.0.0"
 
-webpack-dev-server@*, webpack-dev-server@^4.9.2:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.9.2.tgz#c188db28c7bff12f87deda2a5595679ebbc3c9bc"
-  integrity sha512-H95Ns95dP24ZsEzO6G9iT+PNw4Q7ltll1GfJHV4fKphuHWgKFzGHWi4alTlTnpk1SPPk41X+l2RB7rLfIhnB9Q==
+webpack-dev-server@*, webpack-dev-server@^4.10.1:
+  version "4.10.1"
+  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.10.1.tgz#124ac9ac261e75303d74d95ab6712b4aec3e12ed"
+  integrity sha512-FIzMq3jbBarz3ld9l7rbM7m6Rj1lOsgq/DyLGMX/fPEB1UBUPtf5iL/4eNfhx8YYJTRlzfv107UfWSWcBK5Odw==
   dependencies:
     "@types/bonjour" "^3.5.9"
     "@types/connect-history-api-fallback" "^1.3.5"
@@ -13106,7 +13937,7 @@ webpack-dev-server@*, webpack-dev-server@^4.9.2:
     chokidar "^3.5.3"
     colorette "^2.0.10"
     compression "^1.7.4"
-    connect-history-api-fallback "^1.6.0"
+    connect-history-api-fallback "^2.0.0"
     default-gateway "^6.0.3"
     express "^4.17.3"
     graceful-fs "^4.2.6"
@@ -13150,21 +13981,21 @@ webpack-sources@^3.2.3:
   resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde"
   integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==
 
-webpack@^5, webpack@^5.1.0, webpack@^5.73.0:
-  version "5.73.0"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.73.0.tgz#bbd17738f8a53ee5760ea2f59dce7f3431d35d38"
-  integrity sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA==
+webpack@^5, webpack@^5.1.0, webpack@^5.74.0:
+  version "5.74.0"
+  resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.74.0.tgz#02a5dac19a17e0bb47093f2be67c695102a55980"
+  integrity sha512-A2InDwnhhGN4LYctJj6M1JEaGL7Luj6LOmyBHjcI8529cm5p6VXiTIW2sn6ffvEAKmveLzvu4jrihwXtPojlAA==
   dependencies:
     "@types/eslint-scope" "^3.7.3"
     "@types/estree" "^0.0.51"
     "@webassemblyjs/ast" "1.11.1"
     "@webassemblyjs/wasm-edit" "1.11.1"
     "@webassemblyjs/wasm-parser" "1.11.1"
-    acorn "^8.4.1"
+    acorn "^8.7.1"
     acorn-import-assertions "^1.7.6"
     browserslist "^4.14.5"
     chrome-trace-event "^1.0.2"
-    enhanced-resolve "^5.9.3"
+    enhanced-resolve "^5.10.0"
     es-module-lexer "^0.9.0"
     eslint-scope "5.1.1"
     events "^3.2.0"
@@ -13177,7 +14008,7 @@ webpack@^5, webpack@^5.1.0, webpack@^5.73.0:
     schema-utils "^3.1.0"
     tapable "^2.1.1"
     terser-webpack-plugin "^5.1.3"
-    watchpack "^2.3.1"
+    watchpack "^2.4.0"
     webpack-sources "^3.2.3"
 
 websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
@@ -13237,20 +14068,11 @@ whatwg-url@^11.0.0:
 whatwg-url@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
-  integrity sha1-lmRU6HZUYuN2RNNib2dCzotwll0=
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
   dependencies:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-whatwg-url@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
-  integrity sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
-
 whatwg-url@^8.0.0, whatwg-url@^8.5.0:
   version "8.7.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
@@ -13290,7 +14112,7 @@ which@^2.0.1, which@^2.0.2:
   dependencies:
     isexe "^2.0.0"
 
-wide-align@^1.1.0:
+wide-align@^1.1.0, wide-align@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3"
   integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==
@@ -13352,10 +14174,10 @@ winston-transport@^4.3.0, winston-transport@^4.5.0:
     readable-stream "^3.6.0"
     triple-beam "^1.3.0"
 
-winston@^3.2.1, winston@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/winston/-/winston-3.7.2.tgz#95b4eeddbec902b3db1424932ac634f887c400b1"
-  integrity sha512-QziIqtojHBoyzUOdQvQiar1DH0Xp9nF1A1y7NVy2DGEsz82SBDtOalS0ulTRGVT14xPX3WRWkCsdcJKqNflKng==
+winston@^3.2.1, winston@^3.8.1:
+  version "3.8.1"
+  resolved "https://registry.yarnpkg.com/winston/-/winston-3.8.1.tgz#76f15b3478cde170b780234e0c4cf805c5a7fb57"
+  integrity sha512-r+6YAiCR4uI3N8eQNOg8k3P3PqwAm20cLKlzVD9E66Ch39+LZC+VH1UKf9JemQj2B3QoUHfKD7Poewn0Pr3Y1w==
   dependencies:
     "@dabh/diagnostics" "^2.0.2"
     async "^3.2.3"
@@ -13448,10 +14270,10 @@ ws@^7.3.1, ws@^7.4.6:
   resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.7.tgz#9e0ac77ee50af70d58326ecff7e85eb3fa375e67"
   integrity sha512-KMvVuFzpKBuiIXW3E4u3mySRO2/mCHSyZDJQM5NQ9Q9KHWHWh0NHgfbRMLLrceUK5qAL4ytALJbpRMjixFZh8A==
 
-ws@^8.2.3, ws@^8.4.2, ws@^8.8.0:
-  version "8.8.0"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-8.8.0.tgz#8e71c75e2f6348dbf8d78005107297056cb77769"
-  integrity sha512-JDAgSYQ1ksuwqfChJusw1LSJ8BizJ2e/vVu5Lxjq3YvNJNlROv1ui4i+c/kUUrPheBvQl4c5UbERhTwKa6QBJQ==
+ws@^8.2.3, ws@^8.4.2, ws@^8.8.1:
+  version "8.8.1"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.8.1.tgz#5dbad0feb7ade8ecc99b830c1d77c913d4955ff0"
+  integrity sha512-bGy2JzvzkPowEJV++hF07hAD6niYSr0JzBNo/J29WsB57A2r7Wlc1UFcTR9IzrPvuNVO4B8LGqF8qcpsVOhJCA==
 
 xdg-basedir@^3.0.0:
   version "3.0.0"
@@ -13498,10 +14320,17 @@ xterm-addon-fit@^0.5.0:
   resolved "https://registry.yarnpkg.com/xterm-addon-fit/-/xterm-addon-fit-0.5.0.tgz#2d51b983b786a97dcd6cde805e700c7f913bc596"
   integrity sha512-DsS9fqhXHacEmsPxBJZvfj2la30Iz9xk+UKjhQgnYNkrUIN5CYLbw7WEfz117c7+S86S/tpHPfvNxJsF5/G8wQ==
 
-xterm@^4.18.0:
-  version "4.18.0"
-  resolved "https://registry.yarnpkg.com/xterm/-/xterm-4.18.0.tgz#a1f6ab2c330c3918fb094ae5f4c2562987398ea1"
-  integrity sha512-JQoc1S0dti6SQfI0bK1AZvGnAxH4MVw45ZPFSO6FHTInAiau3Ix77fSxNx3mX4eh9OL4AYa8+4C8f5UvnSfppQ==
+xterm-link-provider@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/xterm-link-provider/-/xterm-link-provider-1.3.1.tgz#69727223220dfa8758056ad6b2b5394a8454b9cb"
+  integrity sha512-uOlaIeUED6kJeL2nIIf5YwreO0obMhsC0RWypEUmWkz7SAQewzgwdWFjQ2He7NGcT93c4KUf8bRgAu8cV9bAYA==
+  dependencies:
+    xterm "^4.6.0"
+
+xterm@^4.19.0, xterm@^4.6.0:
+  version "4.19.0"
+  resolved "https://registry.yarnpkg.com/xterm/-/xterm-4.19.0.tgz#c0f9d09cd61de1d658f43ca75f992197add9ef6d"
+  integrity sha512-c3Cp4eOVsYY5Q839dR5IejghRPpxciGmLWWaP9g+ppfMeBChMeLa1DCA+pmX/jyDZ+zxFOmlJL/82qVdayVoGQ==
 
 y18n@^3.2.1:
   version "3.2.2"